/*
 * A — Tessera design tokens · GENERATED from tokens/tokens.json by scripts/tokens.js.
 * Do not edit by hand: change tokens.json and run `npm run tokens`.
 */

:root {
  color-scheme: light;
  --paper: #F4F4F1; /* page ground */
  --surface: #FFFFFF; /* cards, panels */
  --surface-2: #E9E9E4; /* quiet fills */
  --ink: #0E0F11; /* text, solid tesserae — 17.4:1 on paper */
  --ink-inverse: #F4F4F1; /* text on ink */
  --graphite: #22252A; /* secondary dark */
  --on-graphite: #F4F4F1;
  --muted: #5E636B; /* secondary text — 5.5:1 on paper */
  --line: #D6D6D0; /* decorative dividers */
  --line-strong: #80858D; /* control borders — 3.4:1 */
  --smalto: #F2B01E; /* accent: FILL only, one per view */
  --on-smalto: #0E0F11;
  --smalto-deep: #7A5500; /* accent as text on light — 6.1:1 */
  --focus: #7A5500;
  --success: #1A7358;
  --warning: #A14B00;
  --error: #B3203A;

  --font-sans: "Hanken Grotesk", Arial, Helvetica, sans-serif;
  --font-mono: "IBM Plex Mono", Consolas, "Courier New", monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;
  --radius-0: 0;
  --radius-sm: 2px;
  --stroke-hair: 1px;
  --stroke-rule: 3px;
  --fugue: 3px; /* the gap that joins tesserae */
  --dur-micro: 120ms;
  --dur-ui: 200ms;
  --dur-layout: 320ms;
  --ease-settle: cubic-bezier(.2, 0, 0, 1);
  --container: 1200px;
}

/* Dark theme: opt-in with data-theme="dark", or automatic where a page sets data-theme="auto". */
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #0E0F11;
  --surface: #17191C;
  --surface-2: #22252A;
  --ink: #F2F1EC;
  --ink-inverse: #0E0F11;
  --graphite: #33373E;
  --on-graphite: #F2F1EC;
  --muted: #9A9FA8;
  --line: #2C3036;
  --line-strong: #6A6F78;
  --smalto-deep: #F2B01E;
  --focus: #F2B01E;
  --success: #3FC79B;
  --warning: #F08A4B;
  --error: #F26B7E;
}
@media (prefers-color-scheme: dark) {
  :root[data-theme="auto"] {
    color-scheme: dark;
    --paper: #0E0F11;
    --surface: #17191C;
    --surface-2: #22252A;
    --ink: #F2F1EC;
    --ink-inverse: #0E0F11;
    --graphite: #33373E;
    --on-graphite: #F2F1EC;
    --muted: #9A9FA8;
    --line: #2C3036;
    --line-strong: #6A6F78;
    --smalto-deep: #F2B01E;
    --focus: #F2B01E;
    --success: #3FC79B;
    --warning: #F08A4B;
    --error: #F26B7E;
  }
}