/* ============================================================
   GLOBAL DESIGN TOKENS
   Ported from prototype.html. Dark is default; [data-theme="light"] flips.
   Three scoped visual registers share this token set:
     .notes    -- calm / slate + teal   (--n-*)
     .tracker  -- instrument / ink + amber (--t-*)
   The prototype's third register (--f-*, "family") is deferred — the
   family site is out of scope for this build (see build plan).
   ============================================================ */
:root {
  --page: #0d0d0d;
  --surface: #1a1a19;
  --surface-2: #202020;
  --ink: #ffffff;
  --ink-2: #c3c2b7;
  --muted: #898781;
  --hair: #2c2c2a;
  --baseline: #383835;
  --border: rgba(255,255,255,0.10);

  --series-1: #3987e5;
  --series-2: #d95926;
  --series-3: #199e70;
  --series-amber: #c98500;
  --status-good: #0ca30c;
  --status-warn: #fab219;
  --status-serious: #ec835a;
  --status-critical: #d03b3b;
  --seq-100:#cde2fb;--seq-200:#9ec5f4;--seq-300:#6da7ec;--seq-400:#3987e5;--seq-500:#256abf;--seq-600:#184f95;--seq-700:#0d366b;

  --n-page: #12161a;
  --n-surface: #171c22;
  --n-ink: #e7edf2;
  --n-ink-2: #9fb0bd;
  --n-accent: #2f9e8f;
  --n-accent-soft: rgba(47,158,143,0.14);
  --n-hair: #26303a;
  --n-serif: Georgia, "Iowan Old Style", "Palatino Linotype", serif;

  --t-page: #0c0d0e;
  --t-surface: #16181b;
  --t-surface-2: #1c1f23;
  --t-ink: #f2f3f4;
  --t-ink-2: #a7adb4;
  --t-accent: #e8a13a;
  --t-accent-soft: rgba(232,161,58,0.12);
  --t-hair: #23272c;
  --t-mono: "SFMono-Regular", ui-monospace, "Cascadia Mono", "Consolas", monospace;

  --ui-sans: system-ui, -apple-system, "Segoe UI", sans-serif;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --page: #f9f9f7; --surface: #fcfcfb; --surface-2: #f2f1ec;
    --ink: #0b0b0b; --ink-2: #52514e; --muted: #898781;
    --hair: #e1e0d9; --baseline: #c3c2b7; --border: rgba(11,11,11,0.10);
    --series-1: #2a78d6; --series-2: #eb6834; --series-3: #1baf7a; --series-amber: #eda100;
    --n-page: #eef3f4; --n-surface: #ffffff; --n-ink: #17242b; --n-ink-2: #4f6472;
    --n-accent: #1f7d70; --n-accent-soft: rgba(31,125,112,0.12); --n-hair: #d7e2e4;
    --t-page: #ecebe6; --t-surface: #ffffff; --t-surface-2: #f5f4ef;
    --t-ink: #17181a; --t-ink-2: #55595e; --t-accent: #b26a00;
    --t-accent-soft: rgba(178,106,0,0.10); --t-hair: #e2e1da;
  }
}
:root[data-theme="light"] {
  --page: #f9f9f7; --surface: #fcfcfb; --surface-2: #f2f1ec;
  --ink: #0b0b0b; --ink-2: #52514e; --muted: #898781;
  --hair: #e1e0d9; --baseline: #c3c2b7; --border: rgba(11,11,11,0.10);
  --series-1: #2a78d6; --series-2: #eb6834; --series-3: #1baf7a; --series-amber: #eda100;
  --n-page: #eef3f4; --n-surface: #ffffff; --n-ink: #17242b; --n-ink-2: #4f6472;
  --n-accent: #1f7d70; --n-accent-soft: rgba(31,125,112,0.12); --n-hair: #d7e2e4;
  --t-page: #ecebe6; --t-surface: #ffffff; --t-surface-2: #f5f4ef;
  --t-ink: #17181a; --t-ink-2: #55595e; --t-accent: #b26a00;
  --t-accent-soft: rgba(178,106,0,0.10); --t-hair: #e2e1da;
}