:root {
    --color-paper: oklch(98% 0.008 255);
    --color-surface: oklch(100% 0 0);
    --color-surface-muted: oklch(96% 0.012 255);
    --color-ink: oklch(22% 0.025 255);
    --color-muted: oklch(48% 0.025 255);
    --color-rule: oklch(89% 0.014 255);
    --color-rule-strong: oklch(76% 0.025 255);
    --color-accent: oklch(48% 0.22 260);
    --color-accent-strong: oklch(39% 0.2 260);
    --color-accent-soft: oklch(93% 0.04 260);
    --color-accent-ink: oklch(100% 0 0);
    --color-focus: oklch(50% 0.23 260);
    --color-success: oklch(48% 0.13 155);
    --color-success-soft: oklch(95% 0.035 155);
    --color-error: oklch(50% 0.19 25);
    --color-error-soft: oklch(96% 0.035 25);
    --font-display: "Bahnschrift", "Arial Narrow", sans-serif;
    --font-body: "Segoe UI Variable Text", "Segoe UI", sans-serif;
    --font-mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
    --space-xs: .25rem;
    --space-sm: .5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --text-xs: .75rem;
    --text-sm: .875rem;
    --text-base: 1rem;
    --text-xl: 1.375rem;
    --text-3xl: clamp(2rem, 4vw, 3rem);
    --control-height: 2.75rem;
    --radius-sm: .375rem;
    --radius-md: .625rem;
    --radius-round: 999px;
    --rule-thin: 1px;
    --rule-focus: 2px;
    --rule-accent: 3px;
    --dur-fast: 120ms;
    --dur-reduced: 80ms;
    --ease-out: cubic-bezier(.16, 1, .3, 1);
}