/* Design tokens: docs/UI-DESIGN.md section 2. Dark is the default; light follows the system unless the cookie forces a theme. */
:root {
  color-scheme: dark;
  --ink-950: #070b14; --ink-900: #0c1424; --ink-800: #121d33; --line: #22304d;
  --text: #eaf0fb; --text-dim: #9aaac8; --teal: #27e3c2; --gold: #ffc24d; --on-teal: #04201b; --on-gold: #1b1200;
  --ring-green: #22e27a; --ring-lime-amber: #b8d93a; --ring-amber: #ffb020; --ring-orange-red: #ff6b3d; --ring-red: #ff3b4e; --ring-grey: #9ba6bc;
  --band-red: #ff3b4e; --band-amber: #ffb020; --band-lime-amber: #c5d93b; --band-green: #3ddc84; --band-bright-green: #19ff8a;
  --teal-text: var(--teal); --gold-text: var(--gold); --lime-text: var(--band-lime-amber); --warn-text: var(--ring-amber); --good-text: var(--ring-green); --bad-text: var(--ring-red); --on-ring: #000000;
  --r-sm: 8px; --r-md: 16px; --r-lg: 24px;
  --font-head: "Sora", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
}
:root[data-theme="light"] {
  color-scheme: light;
  --ink-950: #f2f6fc; --ink-900: #ffffff; --ink-800: #e9eff9; --line: #d3ddee; --text: #0b1424; --text-dim: #4b5b7a; --teal: #00806e; --gold: #b87400; --on-teal: #ffffff;
  --ring-green: #16a959; --ring-lime-amber: #839e1e; --ring-amber: #cd8500; --ring-orange-red: #f2531f; --ring-red: #e5283c; --ring-grey: #5f6f91;
  --band-red: #d81f34; --band-amber: #cd8500; --band-lime-amber: #839e1e; --band-green: #0fa85a; --band-bright-green: #00a854;
  --teal-text: #007a68; --gold-text: #996000; --lime-text: #5a6d0e; --warn-text: #966100; --good-text: #107d42; --bad-text: #c62234;   /* darker twins of the colours above, for TEXT (4.5:1 on every surface) */
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    color-scheme: light;
    --ink-950: #f2f6fc; --ink-900: #ffffff; --ink-800: #e9eff9; --line: #d3ddee; --text: #0b1424; --text-dim: #4b5b7a; --teal: #00806e; --gold: #b87400; --on-teal: #ffffff;
    --ring-green: #16a959; --ring-lime-amber: #839e1e; --ring-amber: #cd8500; --ring-orange-red: #f2531f; --ring-red: #e5283c; --ring-grey: #5f6f91;
    --band-red: #d81f34; --band-amber: #cd8500; --band-lime-amber: #839e1e; --band-green: #0fa85a; --band-bright-green: #00a854;
    --teal-text: #007a68; --gold-text: #996000; --lime-text: #5a6d0e; --warn-text: #966100; --good-text: #107d42; --bad-text: #c62234;
  }
}