/* Generated from DESIGN.md by scripts/design-tokens.mjs. */
:root {
  --color-primary: #004d33;
  --color-deep: #003d29;
  --color-paper: #ffffff;
  --color-surface: #f0f5f1;
  --color-text: #243b32;
  --color-muted: #59675f;
  --color-accent: #caddb1;
  --font-display: Lora, Georgia, serif;
  --font-body: 'Source Sans 3', 'Segoe UI', sans-serif;
  --radius-control: 4px;
  --radius-image: 8px;
  --space-unit: 8px;
  --space-section: 96px;
}