/* Design tokens (docs/07 §2). Light by default; dark via prefers-color-scheme or [data-theme].
   Palette: navy chrome, dark-green actions, neutral surfaces. Text/background pairs meet WCAG AA. */
:root {
  --bg: #f4f6f5;
  --surface: #ffffff;
  --surface-2: #eaf0ed;
  --text: #121a17;
  --text-muted: #4f5b55;
  --border: #d5ddd8;
  --brand: #1d5c45;          /* dark green: links, buttons, current items (7.6:1 on white) */
  --brand-ink: #ffffff;
  --navy: #0b2545;           /* header, hero, footer (15:1 with white) */
  --navy-2: #13315c;
  --navy-ink: #ffffff;
  --navy-muted: #c3cfdf;
  --accent: #b45309;
  --live: #b91c1c;
  --warn-bg: #fff7e6;
  --warn-ink: #7a4a00;
  --win: #14532d;
  --radius: 12px;
  --gutter: 16px;
  --content: 1200px;
  --shadow: 0 1px 2px rgba(11, 37, 69, .06), 0 4px 16px rgba(11, 37, 69, .06);
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0d1311;
    --surface: #161e1b;
    --surface-2: #1e2824;
    --text: #e8eeeb;
    --text-muted: #a3b0a9;
    --border: #2b3732;
    --brand: #5fbf95;
    --brand-ink: #0d1311;
    --navy: #0a1a30;
    --navy-2: #102641;
    --navy-ink: #f1f5fa;
    --navy-muted: #a9b8cc;
    --accent: #f0a04b;
    --live: #f87171;
    --warn-bg: #3a2a10;
    --warn-ink: #f6d39a;
    --win: #86efac;
    --shadow: none;
  }
}

:root[data-theme="dark"] {
  --bg: #0d1311;
  --surface: #161e1b;
  --surface-2: #1e2824;
  --text: #e8eeeb;
  --text-muted: #a3b0a9;
  --border: #2b3732;
  --brand: #5fbf95;
  --brand-ink: #0d1311;
  --navy: #0a1a30;
  --navy-2: #102641;
  --navy-ink: #f1f5fa;
  --navy-muted: #a9b8cc;
  --accent: #f0a04b;
  --live: #f87171;
  --warn-bg: #3a2a10;
  --warn-ink: #f6d39a;
  --win: #86efac;
  --shadow: none;
}