:root {
    --color-background: #faf8f3;
    --color-surface: #ffffff;
    --color-text: #202820;
    --color-text-muted: #526052;
    --color-primary: #245c3a;
    --color-primary-hover: #19452b;
    --color-on-primary: #ffffff;
    --color-border: #687568;
    --color-focus: #245c3a;
    --color-error: #a12622;
    --font-body: system-ui, sans-serif;
    --radius-control: 0.5rem;
    --radius-panel: 0.75rem;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
}