:root,
[data-theme="dark"] {
    --bg-gradient: radial-gradient(circle at top right, #312e81 0%, #0f172a 100%);
    --sidebar-bg: #0f172a;
    --glass-bg: rgba(255, 255, 255, 0.05);
    --glass-border: rgba(255, 255, 255, 0.15);
    --text-primary: #ffffff;
    --text-secondary: #e2e8f0;
    --text-muted: #cbd5e1;
    --text-inverse: #0f172a;
    --accent-color: #c084fc;
    --accent-gradient: linear-gradient(90deg, #8b5cf6, #c084fc);
    --input-bg: rgba(15, 23, 42, 0.7);
    --danger: #fca5a5;
    --warning: #fde047;
    --success: #6ee7b7;
    --surface-subtle: rgba(255, 255, 255, 0.06);
    --surface-muted: rgba(255, 255, 255, 0.08);
    --surface-border: rgba(255, 255, 255, 0.12);
    --card-gradient-end: rgba(15, 23, 42, 0.6);
    --header-chip-bg: rgba(255, 255, 255, 0.1);
    --row-hover-bg: rgba(56, 189, 248, 0.08);
    --accent-sky: #38bdf8;
    --accent-sky-hover: #0ea5e9;
    --dropdown-bg: #1e1b4b;
    --sidebar-submenu-bg: #334155;
    --sidebar-submenu-border: rgba(255, 255, 255, 0.32);
    --modal-bg: #0f172a;
    --modal-header-bg: rgba(255, 255, 255, 0.04);
    --number-spin-stroke: %23ffffff;
    --surface: var(--glass-bg);
    --border: var(--glass-border);
    --bg-primary: #0f172a;
}

[data-theme="light"] {
    --bg-gradient: linear-gradient(135deg, #f3e8ff 0%, #fae8ff 50%, #e0e7ff 100%);
    --sidebar-bg: #1e1b4b;
    --glass-bg: rgba(255, 255, 255, 0.78);
    --glass-border: rgba(30, 27, 75, 0.14);
    --text-primary: #0f172a;
    --text-secondary: #334155;
    --text-muted: #64748b;
    --text-inverse: #ffffff;
    --accent-color: #7c3aed;
    --accent-gradient: linear-gradient(90deg, #9333ea, #a855f7);
    --input-bg: rgba(255, 255, 255, 0.95);
    --danger: #dc2626;
    --warning: #b45309;
    --success: #059669;
    --surface-subtle: rgba(30, 27, 75, 0.04);
    --surface-muted: rgba(30, 27, 75, 0.06);
    --surface-border: rgba(30, 27, 75, 0.1);
    --card-gradient-end: rgba(255, 255, 255, 0.72);
    --header-chip-bg: rgba(255, 255, 255, 0.72);
    --row-hover-bg: rgba(124, 58, 237, 0.08);
    --accent-sky: #0369a1;
    --accent-sky-hover: #0284c7;
    --dropdown-bg: #ffffff;
    --sidebar-submenu-bg: #4f46e5;
    --sidebar-submenu-border: rgba(255, 255, 255, 0.35);
    --modal-bg: #ffffff;
    --modal-header-bg: #f8fafc;
    --number-spin-stroke: %231e1b4b;
    --surface: var(--glass-bg);
    --border: var(--glass-border);
    --bg-primary: #f8fafc;
}