/* Design tokens, generated by VZN Studio from the design brief. Do not edit by hand. */
:root {
  color-scheme: light;
  --c-bg: #F7F5F0;
  --c-surface: #FFFFFF;
  --c-surface-alt: #EFEBE3;
  --c-text: #1A1F1E;
  --c-text-soft: #4A5552;
  --c-line: #DDD7CC;
  --c-primary: #1F5E55;
  --c-on-primary: #FFFFFF;
  --c-accent: #B4502B;
  --c-success: #2F7D4A;
  --c-warning: #A86200;
  --font-display: "Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --r-control: 10px;
  --r-card: 16px;
  --r-sheet: 16px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px;
  --shadow-1: 0 1px 2px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.06);
  --shadow-2: 0 2px 6px rgba(0,0,0,.08), 0 16px 40px rgba(0,0,0,.12);
  --ease: cubic-bezier(.2,.8,.2,1);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --c-bg: #111615;
    --c-surface: #1A2120;
    --c-surface-alt: #232C2A;
    --c-text: #EEF2EF;
    --c-text-soft: #A9B5B1;
    --c-line: #2F3A38;
    --c-primary: #6CC4B2;
    --c-on-primary: #0B1A17;
    --c-accent: #E8875F;
    --c-success: #6FCF8E;
    --c-warning: #E5A84B;
    --shadow-1: 0 1px 2px rgba(0,0,0,.4);
    --shadow-2: 0 16px 40px rgba(0,0,0,.5);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --c-bg: #111615;
  --c-surface: #1A2120;
  --c-surface-alt: #232C2A;
  --c-text: #EEF2EF;
  --c-text-soft: #A9B5B1;
  --c-line: #2F3A38;
  --c-primary: #6CC4B2;
  --c-on-primary: #0B1A17;
  --c-accent: #E8875F;
  --c-success: #6FCF8E;
  --c-warning: #E5A84B;
  --shadow-1: 0 1px 2px rgba(0,0,0,.4);
  --shadow-2: 0 16px 40px rgba(0,0,0,.5);
}