:root,
:root[data-theme="blue"] {
    --color-primary: #2563eb;
    --color-primary-dark: #1d4ed8;
    --color-primary-soft: #dbeafe;
    --color-accent: #f97316;
    --color-accent-dark: #ea580c;
    --color-bg: #f5f7fb;
    --color-surface: #ffffff;
    --color-surface-alt: #eff4fb;
    --color-text: #172033;
    --color-muted: #667085;
    --color-border: #e2e8f0;
    --color-success: #10b981;
    --color-danger: #ef4444;
    --color-header: #ffffff;
    --color-footer: #111827;
    --color-footer-text: #d1d5db;
    --shadow-sm: 0 5px 18px rgba(30, 64, 175, .08);
    --shadow-md: 0 18px 50px rgba(30, 64, 175, .13);
    --hero-gradient: linear-gradient(125deg, #172554 0%, #2563eb 52%, #60a5fa 100%);
}

:root[data-theme="emerald"] {
    --color-primary: #059669;
    --color-primary-dark: #047857;
    --color-primary-soft: #d1fae5;
    --color-accent: #eab308;
    --color-accent-dark: #ca8a04;
    --color-bg: #f3f8f5;
    --color-surface: #ffffff;
    --color-surface-alt: #ecfdf5;
    --color-text: #15352b;
    --color-muted: #62746e;
    --color-border: #d8e8e0;
    --color-success: #10b981;
    --color-danger: #ef4444;
    --color-header: #ffffff;
    --color-footer: #0f2922;
    --color-footer-text: #cfe2dc;
    --shadow-sm: 0 5px 18px rgba(5, 150, 105, .08);
    --shadow-md: 0 18px 50px rgba(5, 150, 105, .14);
    --hero-gradient: linear-gradient(125deg, #064e3b 0%, #059669 55%, #34d399 100%);
}

:root[data-theme="graphite"] {
    --color-primary: #64748b;
    --color-primary-dark: #475569;
    --color-primary-soft: #334155;
    --color-accent: #38bdf8;
    --color-accent-dark: #0ea5e9;
    --color-bg: #0f172a;
    --color-surface: #182235;
    --color-surface-alt: #202c40;
    --color-text: #f8fafc;
    --color-muted: #a8b3c3;
    --color-border: #334155;
    --color-success: #34d399;
    --color-danger: #fb7185;
    --color-header: #111b2e;
    --color-footer: #070c16;
    --color-footer-text: #b9c3d2;
    --shadow-sm: 0 5px 18px rgba(0, 0, 0, .22);
    --shadow-md: 0 18px 50px rgba(0, 0, 0, .34);
    --hero-gradient: linear-gradient(125deg, #020617 0%, #334155 58%, #0ea5e9 130%);
}

:root[data-theme="orange"] {
    --color-primary: #f97316;
    --color-primary-dark: #ea580c;
    --color-primary-soft: #ffedd5;
    --color-accent: #7c3aed;
    --color-accent-dark: #6d28d9;
    --color-bg: #fff8f3;
    --color-surface: #ffffff;
    --color-surface-alt: #fff1e7;
    --color-text: #3b2417;
    --color-muted: #806a5c;
    --color-border: #f2ded0;
    --color-success: #16a34a;
    --color-danger: #dc2626;
    --color-header: #ffffff;
    --color-footer: #321b10;
    --color-footer-text: #ead9ce;
    --shadow-sm: 0 5px 18px rgba(194, 65, 12, .08);
    --shadow-md: 0 18px 50px rgba(194, 65, 12, .14);
    --hero-gradient: linear-gradient(125deg, #7c2d12 0%, #f97316 55%, #fb923c 100%);
}

:root[data-color-mode="light"] { color-scheme:light }
:root[data-color-mode="dark"] { color-scheme:dark }

/* Графитовая палитра теперь тоже имеет полноценный светлый вариант. */
:root[data-theme="graphite"][data-color-mode="light"] {
    --color-primary:#475569;
    --color-primary-dark:#334155;
    --color-primary-soft:#e2e8f0;
    --color-accent:#0284c7;
    --color-accent-dark:#0369a1;
    --color-bg:#f5f7fa;
    --color-surface:#ffffff;
    --color-surface-alt:#eef2f6;
    --color-text:#172033;
    --color-muted:#687386;
    --color-border:#dce3ec;
    --color-header:#ffffff;
    --color-footer:#111827;
    --color-footer-text:#d8dee8;
    --shadow-sm:0 5px 18px rgba(15,23,42,.08);
    --shadow-md:0 18px 50px rgba(15,23,42,.14);
    --hero-gradient:linear-gradient(125deg,#111827 0%,#475569 55%,#0ea5e9 120%);
}

/* Тёмный режим не меняет выбранный фирменный цвет — меняются только поверхности. */
:root[data-color-mode="dark"] {
    --color-bg:#0b1220;
    --color-surface:#141e2f;
    --color-surface-alt:#1b283b;
    --color-text:#f4f7fb;
    --color-muted:#aab6c8;
    --color-border:#304058;
    --color-header:#101a2b;
    --color-footer:#070c15;
    --color-footer-text:#c3ccda;
    --shadow-sm:0 5px 18px rgba(0,0,0,.25);
    --shadow-md:0 18px 50px rgba(0,0,0,.38);
}
:root[data-theme="blue"][data-color-mode="dark"] {
    --color-primary:#60a5fa;--color-primary-dark:#3b82f6;--color-primary-soft:#1e3a5f;
    --color-accent:#fb923c;--color-accent-dark:#f97316;
    --hero-gradient:linear-gradient(125deg,#0b1737 0%,#1d4ed8 58%,#2563eb 100%);
}
:root[data-theme="emerald"][data-color-mode="dark"] {
    --color-primary:#34d399;--color-primary-dark:#10b981;--color-primary-soft:#123f36;
    --color-accent:#facc15;--color-accent-dark:#eab308;
    --hero-gradient:linear-gradient(125deg,#052e27 0%,#047857 58%,#10b981 100%);
}
:root[data-theme="graphite"][data-color-mode="dark"] {
    --color-primary:#94a3b8;--color-primary-dark:#64748b;--color-primary-soft:#334155;
    --color-accent:#38bdf8;--color-accent-dark:#0ea5e9;
    --hero-gradient:linear-gradient(125deg,#020617 0%,#334155 58%,#0ea5e9 130%);
}
:root[data-theme="orange"][data-color-mode="dark"] {
    --color-primary:#fb923c;--color-primary-dark:#f97316;--color-primary-soft:#4a2a19;
    --color-accent:#a78bfa;--color-accent-dark:#8b5cf6;
    --hero-gradient:linear-gradient(125deg,#431407 0%,#c2410c 58%,#f97316 100%);
}