:root,
[data-theme="light"] {
    color-scheme: light;

    --bg: #f6f7f9;
    --surface: #ffffff;
    --surface-muted: #f1f3f6;
    --surface-hover: #f3f4f7;
    --border: #e3e6ea;
    --border-strong: #cfd4db;

    --text: #111827;
    --text-secondary: #5b6472;
    --text-muted: #7c8592;

    --primary: #1f3a8a;
    --primary-hover: #1a3178;
    --primary-contrast: #ffffff;
    --primary-soft: #e9eef9;
    --primary-soft-text: #1f3a8a;

    --accent: #0e7490;
    --accent-soft: #e3f3f6;
    --accent-soft-text: #0b5f76;

    --success: #15803d;
    --success-soft: #e6f4eb;
    --success-soft-text: #126b33;

    --warning: #b45309;
    --warning-soft: #fcf0e1;
    --warning-soft-text: #924308;

    --danger: #b91c1c;
    --danger-hover: #a01818;
    --danger-contrast: #ffffff;
    --danger-soft: #fbe9e9;
    --danger-soft-text: #9b1717;

    --neutral-soft: #eef0f3;
    --neutral-soft-text: #4a5260;

    --shadow-sm: 0 1px 2px rgb(16 24 40 / 0.04);
    --shadow: 0 1px 2px rgb(16 24 40 / 0.05), 0 1px 3px rgb(16 24 40 / 0.03);
    --shadow-lg: 0 10px 30px -12px rgb(16 24 40 / 0.18), 0 2px 6px rgb(16 24 40 / 0.04);
    --focus-ring: 0 0 0 3px rgb(31 58 138 / 0.22);

    --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

    --text-xs: 0.75rem;
    --text-sm: 0.8125rem;
    --text-base: 0.9375rem;
    --text-lg: 1.0625rem;
    --text-xl: 1.375rem;
    --text-2xl: 1.75rem;

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;

    --radius: 10px;
    --radius-sm: 6px;
    --radius-pill: 999px;

    --control-h: 38px;
    --tap: 44px;
    --sidebar-w: 240px;
    --topbar-h: 56px;
    --bottom-nav-h: 64px;
    --content-max: 1120px;

    --ease: cubic-bezier(0.2, 0, 0, 1);
}

[data-theme="dark"] {
    color-scheme: dark;

    --bg: #0f1216;
    --surface: #171b21;
    --surface-muted: #1c2128;
    --surface-hover: #1f252d;
    --border: #262c35;
    --border-strong: #353d48;

    --text: #e6e8eb;
    --text-secondary: #9aa3ae;
    --text-muted: #737c88;

    --primary: #7c9cf5;
    --primary-hover: #97b0f7;
    --primary-contrast: #0f1216;
    --primary-soft: rgb(124 156 245 / 0.14);
    --primary-soft-text: #a9bdf8;

    --accent: #3fb3cc;
    --accent-soft: rgb(63 179 204 / 0.14);
    --accent-soft-text: #7fcfe0;

    --success: #4cb877;
    --success-soft: rgb(76 184 119 / 0.14);
    --success-soft-text: #7fd3a1;

    --warning: #e0a04a;
    --warning-soft: rgb(224 160 74 / 0.14);
    --warning-soft-text: #efc07e;

    --danger: #ef6b6b;
    --danger-hover: #f38686;
    --danger-contrast: #0f1216;
    --danger-soft: rgb(239 107 107 / 0.14);
    --danger-soft-text: #f5a0a0;

    --neutral-soft: rgb(230 232 235 / 0.08);
    --neutral-soft-text: #b8bfc8;

    --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.3);
    --shadow: 0 1px 2px rgb(0 0 0 / 0.35);
    --shadow-lg: 0 12px 32px -12px rgb(0 0 0 / 0.6);
    --focus-ring: 0 0 0 3px rgb(124 156 245 / 0.3);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        color-scheme: dark;

        --bg: #0f1216;
        --surface: #171b21;
        --surface-muted: #1c2128;
        --surface-hover: #1f252d;
        --border: #262c35;
        --border-strong: #353d48;

        --text: #e6e8eb;
        --text-secondary: #9aa3ae;
        --text-muted: #737c88;

        --primary: #7c9cf5;
        --primary-hover: #97b0f7;
        --primary-contrast: #0f1216;
        --primary-soft: rgb(124 156 245 / 0.14);
        --primary-soft-text: #a9bdf8;

        --accent: #3fb3cc;
        --accent-soft: rgb(63 179 204 / 0.14);
        --accent-soft-text: #7fcfe0;

        --success: #4cb877;
        --success-soft: rgb(76 184 119 / 0.14);
        --success-soft-text: #7fd3a1;

        --warning: #e0a04a;
        --warning-soft: rgb(224 160 74 / 0.14);
        --warning-soft-text: #efc07e;

        --danger: #ef6b6b;
        --danger-hover: #f38686;
        --danger-contrast: #0f1216;
        --danger-soft: rgb(239 107 107 / 0.14);
        --danger-soft-text: #f5a0a0;

        --neutral-soft: rgb(230 232 235 / 0.08);
        --neutral-soft-text: #b8bfc8;

        --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.3);
        --shadow: 0 1px 2px rgb(0 0 0 / 0.35);
        --shadow-lg: 0 12px 32px -12px rgb(0 0 0 / 0.6);
        --focus-ring: 0 0 0 3px rgb(124 156 245 / 0.3);
    }
}

@media (max-width: 767px), (pointer: coarse) {
    :root {
        --control-h: 44px;
    }
}