/* Generated by tools/build-assets.py from design-system/tokens.json. Do not edit by hand. */
:root {
  --surface-cream: #f6ead9;
  --surface-paper: #fbf5ea;
  --surface-forest: #2e3d1a;
  --surface-sage: #b8c8a8;
  --ink: #2e3d1a;
  --ink-muted: #5c5f4a;
  --on-forest: #f6ead9;
  --leaf: #607c48;
  --leaf-text: #4e6838;
  --berry: #b03c5a;
  --on-berry: #ffffff;
  --kraft: #c0a078;
  --amber: #f2b544;
  --line: #dccdb4;
  --focus: #b03c5a;
  --focus-inverse: #f2b544;
  --shadow-card: 0 2px 8px rgba(46,61,26,0.10);
  --shadow-polaroid: 0 6px 18px rgba(46,61,26,0.18);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --font-display: "Oswald", "Arial Narrow", "Roboto Condensed", sans-serif;
  --font-script: "Kaushan Script", "Brush Script MT", cursive;
  --font-body: "Nunito Sans", "Segoe UI", system-ui, sans-serif;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --surface-cream: #171c12;
    --surface-paper: #222a1a;
    --surface-forest: #34461f;
    --surface-sage: #3e4d2e;
    --ink: #f3e9d6;
    --ink-muted: #b3b49e;
    --on-forest: #f3e9d6;
    --leaf: #9dba7e;
    --leaf-text: #9dba7e;
    --berry: #f08da6;
    --on-berry: #171c12;
    --kraft: #8c7352;
    --line: #34402a;
    --focus: #f2b544;
    --shadow-card: 0 2px 8px rgba(0,0,0,0.40);
    --shadow-polaroid: 0 6px 18px rgba(0,0,0,0.50);
    color-scheme: dark;
  }
}