/* Generated by npm run design:build. Edit design-tokens.json. */
:root {
  --color-canvas: #f8f9f5;
  --color-surface: #ffffff;
  --color-surface-soft: #edf2e8;
  --color-surface-warm: #faf7ed;
  --color-ink: #263e36;
  --color-muted: #62705b;
  --color-subtle: #788569;
  --color-border: #dfe5d9;
  --color-border-strong: #879679;
  --color-brand: #265545;
  --color-brand-hover: #1d4437;
  --color-on-brand: #ffffff;
  --color-on-brand-muted: #d0ddcf;
  --color-accent: #b9552f;
  --color-accent-hover: #9d4222;
  --color-accent-soft: #fbeddf;
  --color-gold: #e5cb81;
  --color-gold-ink: #856517;
  --color-gold-soft: #fcf4d6;
  --color-success: #456a35;
  --color-success-soft: #e4efda;
  --color-error: #a34530;
  --color-error-soft: #faeee3;
  --color-sage: #617f3f;
  --color-sage-soft: #edf2e3;
  --color-lavender: #7b639f;
  --color-lavender-soft: #f0eafa;
  --color-blue: #487698;
  --color-blue-soft: #e5eff7;
  --color-pink: #985d7a;
  --color-pink-soft: #f7e7ee;
  --color-focus: #265545;
  --font-body: 'DM Sans', 'Segoe UI', sans-serif;
  --font-heading: 'Manrope', 'Segoe UI', sans-serif;
  --font-size-caption: 0.75rem;
  --font-size-small: 0.875rem;
  --font-size-body: 1rem;
  --font-size-subtitle: 1.125rem;
  --font-size-section: 1.25rem;
  --font-size-title: 1.75rem;
  --font-size-display: 2rem;
  --font-size-question: 2.25rem;
  --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;
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  --shadow-card: 0 6px 20px rgb(38 62 54 / 6%);
  --shadow-selected: 0 0 0 2px rgb(69 106 53 / 12%);
  --shadow-button: 0 3px 0 #8e3b20;
  --shadow-dialog: 0 24px 80px rgb(23 45 42 / 25%);
  --motion-fast: 150ms;
  --motion-normal: 200ms;
  --motion-ease: cubic-bezier(0.2, 0, 0, 1);
  --size-touch: 44px;
  --size-content: 1320px;
}