/* Direction: private vault — deep charcoal, vaulted navy, a single gold seal accent, quiet serif display */
/* Completed by the platform from the short form: both modes, every
   palette token, each text-on-ground pair at its floor. To restyle, write the
   short form again (the decisions in one :root) and it is completed again. */

:root {
  color-scheme: dark;
  --canvas: #0d1117;
  --surface: #151b23;
  --surface-2: #1b2330;
  --border: #2a3341;
  --border-strong: #3c485a;
  --ink: #f2f4f7;
  --muted: #93a0b3;
  --accent: #c9a15a;
  --accent-hover: #dbb672;
  --accent-ink: #16130a;
  --accent-text: #d9b876;
  --accent-strong: #e6c688;
  --accent-soft: #2a2312;
  --accent-border: #4a3d1f;
  --success: #2f9e6b;
  --success-ink: #06130d;
  --success-soft: #143029;
  --success-strong: #40a677;
  --warning: #c98a3a;
  --warning-ink: #150d02;
  --warning-soft: #362c1f;
  --warning-strong: #c98a3a;
  --danger: #c9564f;
  --danger-ink: #180706;
  --danger-soft: #362023;
  --danger-strong: #d57b76;
  --chart-1: #c9a15a;
  --chart-2: #8fd282;
  --chart-3: #05a3aa;
  --chart-4: #9bbffa;
  --chart-5: #af70bd;
  --chart-6: #fda1a0;

  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Inter", system-ui, sans-serif;
  --display-weight: 600;
  --display-tracking: -0.01em;
  --radius-card: 16px;
  --radius-btn: 10px;
  --radius-input: 10px;
  --shadow-card: 0 20px 60px -20px rgba(0,0,0,0.55);
  --font-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-sans: "Inter", system-ui, sans-serif;
  --eyebrow-tracking: 0.08em;
}

html[data-theme="light"] {
  color-scheme: light;
  --canvas: #ffffff;
  --surface: #ffffff;
  --surface-2: #f3f3f3;
  --border: #dddedf;
  --border-strong: #b6b8b9;
  --ink: #0d1117;
  --muted: #65676b;
  --accent: #c9a15a;
  --accent-hover: #ab894d;
  --accent-ink: #0d1117;
  --accent-text: #846a3b;
  --accent-strong: #846a3b;
  --accent-soft: #f7f2e8;
  --accent-border: #e7d5b5;
  --success: #2f9e6b;
  --success-ink: #0d1117;
  --success-soft: #e6f3ed;
  --success-strong: #257a53;
  --warning: #c98a3a;
  --warning-ink: #0d1117;
  --warning-soft: #f9f1e7;
  --warning-strong: #906329;
  --danger: #c9564f;
  --danger-ink: #0d1117;
  --danger-soft: #f9ebea;
  --danger-strong: #aa4943;
  --chart-1: #b68e47;
  --chart-2: #5f9f50;
  --chart-3: #1f8e93;
  --chart-4: #6192e1;
  --chart-5: #9c5eaa;
  --chart-6: #d97492;
}

/*
 * app.css — THIS APP'S OWN CSS, for what no primitive and no utility covers:
 * the one screen that makes this app itself — a timer's dial, a kanban
 * board's columns, a seating plan, a game grid. Write those here, named for
 * what they are, in tokens only (var(--accent), var(--radius-card),
 * var(--font-display)). It loads last, after design.css and theme.css, and
 * wins. Ships empty.
 *
 * Not for restyling a primitive: those live in tailwind/components.css and
 * are yours to edit there. Not for colours: those live in theme.css.
 */