:root,
html[data-theme="dark"] {
    --bg: #0b1526;
    --page-bg:
        radial-gradient(circle at top left, rgba(112, 120, 208, 0.14), transparent 26%),
        radial-gradient(circle at bottom right, rgba(118, 188, 178, 0.1), transparent 22%),
        linear-gradient(180deg, #08111f 0%, #0b1526 48%, #060d17 100%);
    --panel: rgba(10, 18, 34, 0.88);
    --panel-soft: rgba(12, 23, 42, 0.72);
    --panel-muted: rgba(255, 255, 255, 0.045);
    --panel-elevated: rgba(255, 255, 255, 0.065);
    --line: rgba(148, 163, 184, 0.16);
    --line-strong: rgba(124, 132, 212, 0.24);
    --text: #d2dae4;
    --text-strong: #c4ced9;
    --muted: #90a0b2;
    --muted-strong: #b1bfce;
    --primary-50: #e3e8f5;
    --primary-100: #d7dcf5;
    --primary-200: #b7c0ef;
    --primary-500: #7480c8;
    --primary-600: #606aa6;
    --primary-text: #c2ccf2;
    --primary-border: rgba(116, 128, 200, 0.24);
    --primary-soft-bg: rgba(116, 128, 200, 0.12);
    --primary-soft-strong-bg: rgba(116, 128, 200, 0.18);
    --primary-strong-bg: linear-gradient(135deg, #7480c8 0%, #606aa6 100%);
    --primary-contrast: #e8edf7;
    --info: #7b9fc4;
    --info-text: #a8bfd5;
    --info-border: rgba(123, 159, 196, 0.22);
    --info-soft-bg: rgba(123, 159, 196, 0.12);
    --info-soft-strong-bg: rgba(123, 159, 196, 0.18);
    --info-strong-bg: linear-gradient(135deg, #7b9fc4 0%, #5e7894 100%);
    --info-contrast: #edf2f6;
    --accent: #7480c8;
    --accent-strong: #606aa6;
    --accent-soft: rgba(116, 128, 200, 0.12);
    --accent-soft-strong: rgba(116, 128, 200, 0.18);
    --accent-contrast: #e4eaf4;
    --success: #7aaea3;
    --success-text: #a8cec6;
    --success-border: rgba(122, 174, 163, 0.22);
    --success-soft: rgba(122, 174, 163, 0.12);
    --success-soft-strong-bg: rgba(122, 174, 163, 0.18);
    --success-strong-bg: linear-gradient(135deg, #7aaea3 0%, #5f857e 100%);
    --success-contrast: #edf5f2;
    --danger: #c18b97;
    --danger-text: #d7b2b9;
    --danger-border: rgba(193, 139, 151, 0.22);
    --danger-soft: rgba(193, 139, 151, 0.12);
    --danger-soft-strong-bg: rgba(193, 139, 151, 0.18);
    --danger-strong-bg: linear-gradient(135deg, #c18b97 0%, #936774 100%);
    --danger-contrast: #f5ecef;
    --warning: #c9a16f;
    --warning-text: #ddc29f;
    --warning-border: rgba(201, 161, 111, 0.22);
    --warning-soft: rgba(201, 161, 111, 0.12);
    --warning-soft-strong-bg: rgba(201, 161, 111, 0.18);
    --warning-strong-bg: linear-gradient(135deg, #c9a16f 0%, #94744d 100%);
    --warning-contrast: #f5f0e7;
    --neutral: #64748b;
    --neutral-text: #cbd5e1;
    --neutral-border: rgba(148, 163, 184, 0.22);
    --neutral-soft: rgba(148, 163, 184, 0.12);
    --neutral-soft-strong-bg: rgba(148, 163, 184, 0.2);
    --neutral-strong-bg: linear-gradient(135deg, #64748b 0%, #475569 100%);
    --neutral-contrast: #eef2f6;
    --field-bg: rgba(255, 255, 255, 0.045);
    --field-border: rgba(255, 255, 255, 0.1);
    --focus-ring: rgba(123, 132, 216, 0.2);
    --focus-shadow: 0 14px 28px rgba(15, 23, 42, 0.28);
    --shadow: 0 24px 70px rgba(0, 0, 0, 0.26);
    --elevated-shadow: 0 18px 34px rgba(0, 0, 0, 0.18);
    --button-shadow: 0 14px 28px rgba(78, 88, 162, 0.22);
    --hero-bg:
        radial-gradient(circle at top left, rgba(112, 120, 208, 0.14), transparent 28%),
        radial-gradient(circle at bottom right, rgba(118, 188, 178, 0.08), transparent 24%),
        linear-gradient(145deg, rgba(8, 18, 34, 0.96), rgba(12, 23, 42, 0.92));
    --hero-text: #c7d1de;
    --sidebar-bg: rgba(10, 18, 34, 0.9);
    --sidebar-item-bg: rgba(255, 255, 255, 0.04);
    --sidebar-item-hover: rgba(255, 255, 255, 0.08);
    --sidebar-item-active-text: #dde4ef;
    --table-row-hover: rgba(255, 255, 255, 0.03);
    --table-row-active: rgba(123, 132, 216, 0.12);
    --disabled-bg: rgba(255, 255, 255, 0.02);
    --disabled-text: #8e98a6;
    --modal-backdrop: rgba(2, 7, 18, 0.72);
    --modal-bg: rgba(8, 18, 34, 0.98);
    --modal-shadow: 0 30px 80px rgba(0, 0, 0, 0.38);
    --theme-switch-bg: rgba(255, 255, 255, 0.05);
    --theme-switch-border: rgba(255, 255, 255, 0.08);
    --theme-switch-option-hover: rgba(255, 255, 255, 0.08);
    --theme-switch-option-active: rgba(123, 132, 216, 0.16);
    --theme-switch-option-active-border: rgba(123, 132, 216, 0.28);
    --theme-switch-swatch-light: linear-gradient(135deg, #f8fafc 0%, #eef2f7 100%);
    --theme-switch-swatch-dark: linear-gradient(135deg, #172033 0%, #0b1526 100%);
    --checkbox-bg: rgba(255, 255, 255, 0.04);
    --checkbox-border: rgba(148, 163, 184, 0.3);
    --checkbox-icon: rgba(188, 200, 215, 0.82);
    --checkbox-hover-bg: rgba(255, 255, 255, 0.08);
    --checkbox-checked-bg: linear-gradient(135deg, #7b84d8 0%, #666fbc 100%);
    --checkbox-checked-border: rgba(123, 132, 216, 0.56);
    --checkbox-checked-icon: #eef2ff;
}