:root {
    color-scheme: light dark;
    --theme-font-sans: Inter, "Segoe UI", Arial, sans-serif;
    --theme-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    --theme-bg: #f6f7fb;
    --theme-surface: #ffffff;
    --theme-surface-alt: #edf1f7;
    --theme-text: #18212f;
    --theme-muted: #5e6b82;
    --theme-border: #d7deea;
    --theme-primary: #2252d6;
    --theme-primary-contrast: #ffffff;
    --theme-focus: #ffb400;
    --theme-shadow: 0 16px 48px rgba(17, 24, 39, 0.12);
}

@media (prefers-color-scheme: dark) {
    :root {
        --theme-bg: #0b1020;
        --theme-surface: #10192b;
        --theme-surface-alt: #18243b;
        --theme-text: #eef2ff;
        --theme-muted: #a2b0c6;
        --theme-border: #2b3957;
        --theme-primary: #7aa2ff;
        --theme-primary-contrast: #07101f;
        --theme-focus: #ffd24d;
        --theme-shadow: 0 16px 48px rgba(0, 0, 0, 0.45);
    }
}