/* Generated by backend/web/build.js from src/components/design/tokens.ts. Do not edit by hand. */
:root {
  color-scheme: light dark;
  --ground: #D1CBC1;
  --ground-top: #EDE9E2;
  --ground-mid: #D8D2C8;
  --ground-low: #C0B9AD;
  --ink: #2E1E2B;
  --ink-muted: #46394A;
  --paper: #FCFAF6;
  --accent: #682860;
  --on-accent: #F7EDF4;
  --hairline: rgba(46,30,43,0.1);
  --card-border: rgba(46,30,43,0.14);
  --cta-border: rgba(46,30,43,0.28);
  --today: #2C6E7A;
  --radius-device: 34px;
  --radius-card: 18px;
  --radius-control: 16px;
  --radius-option: 12px;
  --radius-mark: 3px;
  --radius-pill: 999px;
  --font-sans: Afacad, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
  --fs-display: 44px;
  --fs-title: 28px;
  --fs-heading: 20px;
  --fs-body: 17px;
  --fs-secondary: 17px;
  --fs-caption: 15px;
  --fs-value: 17px;
  --fs-chip: 15px;
  --w-body: 400;
  --w-heading: 600;
  --w-mono: 600;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
}
@media (prefers-color-scheme: dark) {
  :root {
    --ground: #16171C;
    --ground-top: #22232A;
    --ground-mid: #16171C;
    --ground-low: #0E0F12;
    --ink: #EAEAF0;
    --ink-muted: #9A9AA6;
    --paper: #21222A;
    --accent: #C79BC0;
    --on-accent: #16171C;
    --hairline: rgba(234,234,240,0.14);
    --card-border: rgba(234,234,240,0.14);
    --cta-border: #9A9AA6;
    --today: #6FC3CE;
  }
}