/* Дизайн токени: цветове, типография, разстояния. Светла и тъмна тема. */

:root {
    --font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-prose: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, "Times New Roman", serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

    --radius-sm: 8px;
    --radius: 14px;
    --radius-lg: 22px;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;

    --container: 1120px;
    --narrow: 720px;

    --ease: cubic-bezier(.2, .7, .2, 1);
    --dur: 180ms;

    --accent: #4f46e5;
    --accent-2: #0ea5e9;
    --success: #15803d;
    --warning: #b45309;
    --danger: #b91c1c;

    color-scheme: light;
    --bg: #faf9f6;
    --bg-elev: #ffffff;
    --bg-sunken: #f1efe9;
    --ink: #1c1917;
    --ink-2: #44403c;
    --muted: #78716c;
    --line: #e7e4dd;
    --line-strong: #d6d2c8;
    --shadow: 0 1px 2px rgba(28, 25, 23, .05), 0 8px 24px -12px rgba(28, 25, 23, .18);
    --shadow-lg: 0 2px 4px rgba(28, 25, 23, .06), 0 24px 48px -16px rgba(28, 25, 23, .25);
    --code-bg: #f3f1ec;
    --mark: #fde68a;
    --heat-0: #ebe8e1;
    --heat-1: #c7d8f7;
    --heat-2: #8fb3ee;
    --heat-3: #5a86e0;
    --heat-4: #2f56c4;
}

[data-theme="dark"] {
    color-scheme: dark;
    --bg: #0f1115;
    --bg-elev: #171a21;
    --bg-sunken: #0b0d11;
    --ink: #e7e5e4;
    --ink-2: #c8c5c1;
    --muted: #8f8a84;
    --line: #262a33;
    --line-strong: #353a45;
    --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px -12px rgba(0, 0, 0, .6);
    --shadow-lg: 0 2px 4px rgba(0, 0, 0, .4), 0 24px 48px -16px rgba(0, 0, 0, .7);
    --code-bg: #1d2129;
    --mark: #6b4f05;
    --accent: #818cf8;
    --accent-2: #38bdf8;
    --success: #4ade80;
    --warning: #fbbf24;
    --danger: #f87171;
    --heat-0: #1c2029;
    --heat-1: #243b6b;
    --heat-2: #2e58a6;
    --heat-3: #3f77d6;
    --heat-4: #7aa5f0;
}

@media (prefers-color-scheme: dark) {
    [data-theme="auto"] {
        color-scheme: dark;
        --bg: #0f1115;
        --bg-elev: #171a21;
        --bg-sunken: #0b0d11;
        --ink: #e7e5e4;
        --ink-2: #c8c5c1;
        --muted: #8f8a84;
        --line: #262a33;
        --line-strong: #353a45;
        --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px -12px rgba(0, 0, 0, .6);
        --shadow-lg: 0 2px 4px rgba(0, 0, 0, .4), 0 24px 48px -16px rgba(0, 0, 0, .7);
        --code-bg: #1d2129;
        --mark: #6b4f05;
        --accent: #818cf8;
        --accent-2: #38bdf8;
        --success: #4ade80;
        --warning: #fbbf24;
        --danger: #f87171;
        --heat-0: #1c2029;
        --heat-1: #243b6b;
        --heat-2: #2e58a6;
        --heat-3: #3f77d6;
        --heat-4: #7aa5f0;
    }
}

@media (prefers-reduced-motion: reduce) {
    :root { --dur: 0ms; }
}