/* === THEMES.CSS ===
 * assets/css/themes.css
 * НАЗНАЧЕНИЕ: Цветовые токены и режимы темы Mindway
 * СВЯЗИ: main.css, widgets.css, responsive.css
 * РАЗМЕР: ~120 строк
 */

:root {
    --font-body: "Exo 2", sans-serif;
    --font-display: "JetBrains Mono", monospace;
    --font-heading: "Exo 2", sans-serif;
    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 22px;
    --shadow-soft: 0 20px 44px rgba(0, 0, 0, 0.18);
    --shadow-panel: 0 12px 28px rgba(0, 0, 0, 0.12);
    --space-1: 6px;
    --space-2: 10px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 22px;
    --space-6: 30px;
    --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
}

html[data-theme-mode="dark"] {
    --bg: oklch(17% 0.018 246);
    --bg-soft: oklch(22% 0.025 246);
    --panel: rgba(18, 26, 41, 0.82);
    --panel-strong: rgba(15, 22, 34, 0.94);
    --line: rgba(170, 199, 255, 0.12);
    --line-strong: rgba(170, 199, 255, 0.2);
    --text: oklch(94% 0.01 255);
    --text-soft: oklch(79% 0.018 255);
    --text-muted: oklch(67% 0.02 255);
    --accent: oklch(72% 0.17 170);
    --accent-strong: oklch(79% 0.16 198);
    --warning: oklch(78% 0.14 80);
    --danger: oklch(69% 0.18 20);
    --info: oklch(76% 0.12 230);
    --surface-gradient: radial-gradient(circle at 20% 10%, rgba(74, 227, 193, 0.16), transparent 30%), radial-gradient(circle at 80% 0%, rgba(67, 132, 255, 0.18), transparent 28%), linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0));
}

html[data-theme-mode="light"] {
    --bg: oklch(95% 0.012 248);
    --bg-soft: oklch(98% 0.008 248);
    --panel: rgba(255, 255, 255, 0.82);
    --panel-strong: rgba(255, 255, 255, 0.96);
    --line: rgba(15, 29, 55, 0.08);
    --line-strong: rgba(15, 29, 55, 0.16);
    --text: oklch(24% 0.02 252);
    --text-soft: oklch(34% 0.022 252);
    --text-muted: oklch(46% 0.018 252);
    --accent: oklch(62% 0.16 182);
    --accent-strong: oklch(56% 0.13 230);
    --warning: oklch(70% 0.14 80);
    --danger: oklch(58% 0.18 24);
    --info: oklch(60% 0.14 235);
    --surface-gradient: radial-gradient(circle at 15% 0%, rgba(60, 194, 163, 0.18), transparent 30%), radial-gradient(circle at 85% 5%, rgba(72, 111, 255, 0.12), transparent 28%), linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.52));
}