/* ============================================================
 * DENUVO Portal — цветовые темы.
 * Тема задаётся атрибутом <html data-theme="...">.
 * Компоненты используют только эти переменные.
 * ============================================================ */

:root,
[data-theme="light"] {
    --bg: #f5f6fa;
    --surface: #ffffff;
    --surface-2: #f0f1f7;
    --text: #1f2433;
    --text-muted: #6b7185;
    --border: #e3e5ee;
    --primary: #6c5ce7;
    --primary-hover: #5a4bd4;
    --primary-soft: #ecebfd;
    --on-primary: #ffffff;
    --accent: #e8507a;
    --success: #1f9d6b;
    --danger: #d64545;
    --warning: #d98a1c;
    --shadow: 0 1px 2px rgba(20, 24, 40, .05), 0 4px 16px rgba(20, 24, 40, .06);
    --topbar-bg: rgba(255, 255, 255, .85);
    color-scheme: light;
}

[data-theme="dark"] {
    --bg: #12141c;
    --surface: #1b1e29;
    --surface-2: #242838;
    --text: #e8e9f0;
    --text-muted: #9a9fb3;
    --border: #2e3345;
    --primary: #8f84ff;
    --primary-hover: #a49bff;
    --primary-soft: #2a2850;
    --on-primary: #12141c;
    --accent: #ff6f97;
    --success: #3ccf91;
    --danger: #ff6b6b;
    --warning: #f2b04b;
    --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .25);
    --topbar-bg: rgba(27, 30, 41, .85);
    color-scheme: dark;
}

[data-theme="pink"] {
    --bg: #fff5f8;
    --surface: #ffffff;
    --surface-2: #fde8ef;
    --text: #4a2338;
    --text-muted: #9b6681;
    --border: #f6d3e0;
    --primary: #e0457b;
    --primary-hover: #c93468;
    --primary-soft: #fde1eb;
    --on-primary: #ffffff;
    --accent: #b04fd1;
    --success: #23966a;
    --danger: #d23c3c;
    --warning: #d4831b;
    --shadow: 0 1px 2px rgba(200, 40, 100, .06), 0 4px 16px rgba(200, 40, 100, .08);
    --topbar-bg: rgba(255, 255, 255, .85);
    color-scheme: light;
}

[data-theme="blue"] {
    --bg: #f2f7fd;
    --surface: #ffffff;
    --surface-2: #e5effa;
    --text: #182b45;
    --text-muted: #5d7594;
    --border: #d5e3f3;
    --primary: #2f6fdb;
    --primary-hover: #245cc0;
    --primary-soft: #e0ebfc;
    --on-primary: #ffffff;
    --accent: #0fa3b1;
    --success: #1b9466;
    --danger: #d14343;
    --warning: #d28418;
    --shadow: 0 1px 2px rgba(20, 60, 120, .06), 0 4px 16px rgba(20, 60, 120, .08);
    --topbar-bg: rgba(255, 255, 255, .85);
    color-scheme: light;
}