/* Generated — do not edit. Run: node design/generate-tokens.mjs */
:root {
  --color-background: #f3f0e9;
  --color-surface: #ffffff;
  --color-text-primary: #000000;
  --color-text-secondary: #6b7280;
  --color-accent: #3d7a4a;
  --color-accent-subtle: #d8f3dc;
  --color-border: #000000;
  --color-feedback-done: #3d7a4a;
  --color-feedback-later: #a05060;
  --color-accent-quote: #7a6a9a;
  --color-accent-fact: #5a7a8a;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;
  --radius-card: 4px;
  --radius-ui: 0px;
  --border-width-card: 3px;
  --border-width-ui: 2px;
  --font-size-caption: 12px;
  --font-size-body: 16px;
  --font-size-title: 20px;
  --font-size-heading: 28px;
  --font-size-display: 40px;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-heavy: 800;
  --font-weight-black: 900;
  --duration-fast: 150ms;
  --duration-base: 250ms;
  --duration-slow: 400ms;
}