/* Lobby design tokens - shared by every page of the site.
   Palette follows the reference data-viz palette.
   Light values live on :root; dark values are redefined for the OS setting
   (unless a light theme is stamped) and again for the explicit dark toggle. */
:root {
  color-scheme: light;
  --page: #f9f9f7;
  --surface: #fcfcfb;
  --ink: #0b0b0b;
  --ink-2: #52514e;
  --muted: #898781;
  --grid: #e1e0d9;
  --axis: #c3c2b7;
  --border: rgba(11, 11, 11, 0.10);
  --shadow: rgba(11, 11, 11, 0.14);
  --s1: #2a78d6; --s2: #eb6834; --s3: #1baf7a; --s4: #eda100;
  --s5: #e87ba4; --s6: #008300; --s7: #4a3aa7; --s8: #e34948;
  --other: #a8a69f;
  --accent: #2a78d6;
  --accent-soft: #cde2fb;
  --good: #006300;
  --bad: #d03b3b;
  --warn-bg: #fff4d6;
  --warn-border: #f0d48a;
  --focus: #2a78d6;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --page: #0d0d0d;
    --surface: #1a1a19;
    --ink: #ffffff;
    --ink-2: #c3c2b7;
    --muted: #898781;
    --grid: #2c2c2a;
    --axis: #383835;
    --border: rgba(255, 255, 255, 0.10);
    --shadow: rgba(0, 0, 0, 0.5);
    --s1: #3987e5; --s2: #d95926; --s3: #199e70; --s4: #c98500;
    --s5: #d55181; --s6: #008300; --s7: #9085e9; --s8: #e66767;
    --other: #6b6a66;
    --accent: #3987e5;
    --accent-soft: #184f95;
    --good: #0ca30c;
    --bad: #e66767;
    --warn-bg: #3a2f10;
    --warn-border: #6b5a1e;
    --focus: #3987e5;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --page: #0d0d0d;
  --surface: #1a1a19;
  --ink: #ffffff;
  --ink-2: #c3c2b7;
  --muted: #898781;
  --grid: #2c2c2a;
  --axis: #383835;
  --border: rgba(255, 255, 255, 0.10);
  --shadow: rgba(0, 0, 0, 0.5);
  --s1: #3987e5; --s2: #d95926; --s3: #199e70; --s4: #c98500;
  --s5: #d55181; --s6: #008300; --s7: #9085e9; --s8: #e66767;
  --other: #6b6a66;
  --accent: #3987e5;
  --accent-soft: #184f95;
  --good: #0ca30c;
  --bad: #e66767;
  --warn-bg: #3a2f10;
  --warn-border: #6b5a1e;
  --focus: #3987e5;
}