/* Canonical runtime tokens; DESIGN.md mirrors these values (model B). */
:root {
    color-scheme: light;
    --color-background: #F7F9F8;
    --color-surface: #FFFFFF;
    --color-text: #202B29;
    --color-muted: #5E6C68;
    --color-border: #DFE6E3;
    --color-control-border: #81918A;
    --color-primary: #24634F;
    --color-primary-hover: #194D3D;
    --color-primary-active: #103E30;
    --color-info-background: #EDF4F0;
    --color-warning: #835414;
    --color-warning-background: #FAF2E3;
    --color-danger: #A1363C;
    --color-danger-background: #FBEFF0;
    --color-success: #24634F;
    --color-success-background: #EDF4F0;
    --color-scrollbar: #81918A;
    --color-scrollbar-hover: #5E6C68;
    --color-scrollbar-active: #202B29;
    --font-body: "Segoe UI Variable Text", "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    --font-data: "Bahnschrift", "Segoe UI", sans-serif;
    --text-body: 1rem;
    --leading-body: 1.55;
    --radius: 1rem;
    --radius-control: 0.75rem;
    --space-small: 0.5rem;
    --space-medium: 1rem;
    --space-large: 1.5rem;
    --space-section: 2rem;
    --space-page-max: 70rem;
    --control-height: 3rem;
    --panel-padding: 2rem;
}