/* Generated from design-system/tokens.json — regenerate rather than hand-edit. */
:root {
  color-scheme: light;
  --surface: #faf6ef;
  --surface-raised: #ffffff;
  --surface-sunken: #f1e9db;
  --line: #e6dcc9;
  --line-strong: #8c7a60;
  --ink: #2a2019;
  --ink-muted: #675847;
  --ember: #b23c0d;
  --on-ember: #ffffff;
  --ember-soft: #fce5d2;
  --ready: #2f6a2c;
  --ready-soft: #dcecd8;
  --heat: #8a5a00;
  --heat-soft: #fae7c8;
  --fault: #b3261e;
  --fault-soft: #f8dcd8;
  --link: var(--ember);
  --shadow-sm: 0 1px 2px #2a20190f, 0 2px 6px #2a20191a;
  --shadow-lg: 0 6px 14px #2a201914, 0 16px 32px -4px #2a201929;
  --focus-ring: 0 0 0 3px #faf6ef, 0 0 0 6px #b23c0d;
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-sans: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --surface: #17130f;
    --surface-raised: #211b16;
    --surface-sunken: #100c09;
    --line: #362f28;
    --line-strong: #877869;
    --ink: #f4eee4;
    --ink-muted: #b8aa98;
    --ember: #f89a4e;
    --on-ember: #1b120a;
    --ember-soft: #3a1d0c;
    --ready: #74c46a;
    --ready-soft: #18300f;
    --heat: #e2a83e;
    --heat-soft: #35280a;
    --fault: #f2867d;
    --fault-soft: #3a1411;
    --shadow-sm: 0 1px 3px #00000080, 0 2px 8px #00000066;
    --shadow-lg: 0 16px 32px -4px #000000cc;
    --focus-ring: 0 0 0 3px #17130f, 0 0 0 6px #f89a4e;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --surface: #17130f;
  --surface-raised: #211b16;
  --surface-sunken: #100c09;
  --line: #362f28;
  --line-strong: #877869;
  --ink: #f4eee4;
  --ink-muted: #b8aa98;
  --ember: #f89a4e;
  --on-ember: #1b120a;
  --ember-soft: #3a1d0c;
  --ready: #74c46a;
  --ready-soft: #18300f;
  --heat: #e2a83e;
  --heat-soft: #35280a;
  --fault: #f2867d;
  --fault-soft: #3a1411;
  --shadow-sm: 0 1px 3px #00000080, 0 2px 8px #00000066;
  --shadow-lg: 0 16px 32px -4px #000000cc;
  --focus-ring: 0 0 0 3px #17130f, 0 0 0 6px #f89a4e;
}