/* Hikaru design tokens — "dusk light": warm paper canvas, indigo ink, sun accent.
   Source of truth: apps/hikaru/design-system/README.md. Fonts are self-hosted (CSP: no CDN). */
@font-face { font-family: "Schibsted Grotesk"; src: url("../fonts/schibsted-grotesk-latin-wght.woff2") format("woff2"); font-weight: 400 900; font-display: swap; }
@font-face { font-family: "Martian Mono"; src: url("../fonts/martian-mono-latin-wght.woff2") format("woff2"); font-weight: 100 800; font-display: swap; }

:root {
  color-scheme: light;
  --canvas: #f6f1e9;      /* warm paper */
  --surface: #fffdf9;
  --surface-2: #f1eadf;
  --ink: #1f2240;         /* indigo ink */
  --muted: #5d5f78;
  --faint: #8d8ea3;
  --line: #e2d9cb;
  --line-strong: #cfc3b1;
  --sun: #f2a33a;         /* accent: hikaru = light */
  --sun-ink: #2a1a00;
  --sun-soft: #fdebd0;
  --indigo: #3d3fb8;
  --indigo-ink: #ffffff;
  --indigo-soft: #e6e6fa;
  --leaf: #2f8a5b; --leaf-soft: #dcf1e5;
  --rose: #c43d55; --rose-soft: #fbe3e7;
  /* per-person hues, used on chips + timeline rails */
  --p-ardi: #3d3fb8; --p-ria: #c2577d; --p-yuza: #2f8a5b;
  --overlay: rgba(25, 22, 40, .45);
  --shadow-1: 0 1px 2px rgba(31, 34, 64, .06), 0 2px 8px rgba(31, 34, 64, .05);
  --shadow-pop: 0 1px 2px rgba(31, 34, 64, .08), 0 14px 36px rgba(31, 34, 64, .16);

  --font-ui: "Schibsted Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-code: "Martian Mono", ui-monospace, monospace;
  --t-xs: 12px; --t-sm: 13px; --t-md: 15px; --t-lg: 17px; --t-xl: 21px; --t-2xl: 28px; --t-hero: 38px;
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px;
  --r-control: 8px; --r-panel: 14px; --r-pill: 999px;
  --content-w: 760px;
  --ease-out: cubic-bezier(.23, 1, .32, 1);
  --dur-fast: 140ms; --dur: 220ms;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --canvas: #15162a; --surface: #1d1f38; --surface-2: #25284a;
    --ink: #eeeaf8; --muted: #b0aec8; --faint: #7f7e9a;
    --line: #2f3258; --line-strong: #3d4170;
    --sun: #ffb84d; --sun-soft: #3a2c14; --indigo: #8f91ff; --indigo-ink: #10112a; --indigo-soft: #2a2c5c;
    --leaf: #5cc58d; --leaf-soft: #17352a; --rose: #ff7d95; --rose-soft: #3d1b26;
    --p-ardi: #8f91ff; --p-ria: #f08cb2; --p-yuza: #5cc58d;
    --shadow-1: 0 1px 2px rgba(0,0,0,.4); --shadow-pop: 0 14px 36px rgba(0,0,0,.5);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --canvas: #15162a; --surface: #1d1f38; --surface-2: #25284a;
  --ink: #eeeaf8; --muted: #b0aec8; --faint: #7f7e9a;
  --line: #2f3258; --line-strong: #3d4170;
  --sun: #ffb84d; --sun-soft: #3a2c14; --indigo: #8f91ff; --indigo-ink: #10112a; --indigo-soft: #2a2c5c;
  --leaf: #5cc58d; --leaf-soft: #17352a; --rose: #ff7d95; --rose-soft: #3d1b26;
  --p-ardi: #8f91ff; --p-ria: #f08cb2; --p-yuza: #5cc58d;
  --shadow-1: 0 1px 2px rgba(0,0,0,.4); --shadow-pop: 0 14px 36px rgba(0,0,0,.5);
}