/* GENERATED by tools/build-tokens.mjs from brand/tokens.json. Do not edit by hand. */
:root {
  color-scheme: light dark;
  --color-bg: #F5F0E6;
  --color-surface: #FFFDF8;
  --color-surface-soft: #ECE5D6;
  --color-border: #DCD3C2;
  --color-text: #16181D;
  --color-text-muted: #5F5D57;
  --color-link: #2445C6;
  --color-term: #2445C6;
  --color-brand: #2445C6;
  --color-brand-hover: #1B3499;
  --color-on-brand: #FFFFFF;
  --color-brand-wash: #E6EBFF;
  --color-highlight: #F2B33D;
  --color-on-highlight: #16181D;
  --color-danger: #B83A22;
  --color-success: #256B42;
  --color-warning: #8A5A00;
  --color-accent-art: #E2553A;
  --color-focus: #2445C6;
  --font-heading: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --size-touch: 44px;
  --size-content: 68ch;
  --size-page: 1120px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg: #16181D;
    --color-surface: #1F2228;
    --color-surface-soft: #2A2E35;
    --color-border: #3A3F47;
    --color-text: #F5F0E6;
    --color-text-muted: #B9B3A6;
    --color-link: #8FA3FF;
    --color-term: #8FA3FF;
    --color-brand: #8FA3FF;
    --color-brand-hover: #E6EBFF;
    --color-on-brand: #16181D;
    --color-brand-wash: #2A2E35;
    --color-highlight: #F2B33D;
    --color-on-highlight: #16181D;
    --color-danger: #F2846B;
    --color-success: #6FCF97;
    --color-warning: #F2B33D;
    --color-accent-art: #E2553A;
    --color-focus: #8FA3FF;
  }
}
:root[data-theme="dark"] {
  --color-bg: #16181D;
  --color-surface: #1F2228;
  --color-surface-soft: #2A2E35;
  --color-border: #3A3F47;
  --color-text: #F5F0E6;
  --color-text-muted: #B9B3A6;
  --color-link: #8FA3FF;
  --color-term: #8FA3FF;
  --color-brand: #8FA3FF;
  --color-brand-hover: #E6EBFF;
  --color-on-brand: #16181D;
  --color-brand-wash: #2A2E35;
  --color-highlight: #F2B33D;
  --color-on-highlight: #16181D;
  --color-danger: #F2846B;
  --color-success: #6FCF97;
  --color-warning: #F2B33D;
  --color-accent-art: #E2553A;
  --color-focus: #8FA3FF;
}