[data-theme="dark"] {
    --bg-body: #0a0a0a;
    --bg-card: rgba(18, 14, 26, 0.85);
    --bg-sidebar: rgba(18, 14, 26, 0.9);
    --bg-header: rgba(18, 14, 26, 0.8);
    --bg-input: rgba(30, 24, 48, 0.6);
    --text-primary: #f0f0f0;
    --text-secondary: #A89BBC;
    --text-muted: #6B6080;
    --border-color: rgba(206, 50, 255, 0.1);
    --sidebar-text: #D1C5E0;
    --sidebar-active-bg: rgba(206, 50, 255, 0.12);
    --sidebar-active-text: #EB78FF;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.4);
    --shadow: 0 2px 6px rgba(0,0,0,0.5);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.5);
    --shadow-lg: 0 10px 25px rgba(0,0,0,0.6);
}

/* Glass effects */
[data-theme="dark"] .sidebar {
    backdrop-filter: blur(20px) saturate(1.2);
    -webkit-backdrop-filter: blur(20px) saturate(1.2);
    border-right-color: rgba(206, 50, 255, 0.08);
}

[data-theme="dark"] .header {
    backdrop-filter: blur(16px) saturate(1.2);
    -webkit-backdrop-filter: blur(16px) saturate(1.2);
    border-bottom-color: rgba(206, 50, 255, 0.08);
}

[data-theme="dark"] .card {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-color: rgba(206, 50, 255, 0.08);
}

[data-theme="dark"] .stat-card {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-color: rgba(206, 50, 255, 0.08);
}

[data-theme="dark"] .stat-card:hover {
    border-color: rgba(206, 50, 255, 0.2);
    box-shadow: 0 8px 24px rgba(206, 50, 255, 0.08);
}

/* Stat icons */
[data-theme="dark"] .stat-card__icon--blue { background: rgba(206, 50, 255, 0.12); color: #EB78FF; }
[data-theme="dark"] .stat-card__icon--green { background: rgba(16, 185, 129, 0.12); color: #34D399; }
[data-theme="dark"] .stat-card__icon--yellow { background: rgba(245, 158, 11, 0.12); color: #FBBF24; }
[data-theme="dark"] .stat-card__icon--red { background: rgba(255, 62, 137, 0.12); color: #FF6CA8; }

/* Interactive elements */
[data-theme="dark"] .header__btn:hover { background: rgba(206, 50, 255, 0.08); }
[data-theme="dark"] .header__user:hover { background: rgba(206, 50, 255, 0.08); }
[data-theme="dark"] .table th { background: rgba(206, 50, 255, 0.04); }
[data-theme="dark"] .table tbody tr:hover { background: rgba(206, 50, 255, 0.06); }

/* Badges */
[data-theme="dark"] .badge--success { background: rgba(16, 185, 129, 0.15); color: #34D399; }
[data-theme="dark"] .badge--warning { background: rgba(245, 158, 11, 0.15); color: #FBBF24; }
[data-theme="dark"] .badge--danger { background: rgba(255, 62, 137, 0.15); color: #FF6CA8; }
[data-theme="dark"] .badge--info { background: rgba(206, 50, 255, 0.15); color: #EB78FF; }
[data-theme="dark"] .badge--gray { background: rgba(255,255,255,0.06); color: #A89BBC; }

/* Alerts */
[data-theme="dark"] .alert--success { background: rgba(16, 185, 129, 0.08); color: #34D399; border-color: rgba(16, 185, 129, 0.15); }
[data-theme="dark"] .alert--danger { background: rgba(255, 62, 137, 0.08); color: #FF6CA8; border-color: rgba(255, 62, 137, 0.15); }
[data-theme="dark"] .alert--warning { background: rgba(245, 158, 11, 0.08); color: #FBBF24; border-color: rgba(245, 158, 11, 0.15); }
[data-theme="dark"] .alert--info { background: rgba(206, 50, 255, 0.08); color: #EB78FF; border-color: rgba(206, 50, 255, 0.15); }

/* Logo */
[data-theme="dark"] .sidebar__brand-logo--light { display: none; }
[data-theme="dark"] .sidebar__brand-logo--dark { display: block; }

/* Buttons */
[data-theme="dark"] .btn--secondary {
    background: rgba(30, 24, 48, 0.6);
    color: var(--text-primary);
    border-color: rgba(206, 50, 255, 0.12);
}
[data-theme="dark"] .btn--secondary:hover {
    background: rgba(206, 50, 255, 0.1);
    border-color: rgba(206, 50, 255, 0.25);
}

[data-theme="dark"] .btn--primary {
    box-shadow: 0 2px 12px rgba(206, 50, 255, 0.35);
}
[data-theme="dark"] .btn--primary:hover {
    box-shadow: 0 4px 20px rgba(206, 50, 255, 0.5);
}

/* Inputs */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
    border-color: rgba(206, 50, 255, 0.1);
}
[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(206, 50, 255, 0.15);
}

/* Modals */
[data-theme="dark"] .modal {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(18, 14, 26, 0.92);
    border-color: rgba(206, 50, 255, 0.12);
}

/* Dropdowns */
[data-theme="dark"] .notif-dropdown {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    background: rgba(18, 14, 26, 0.95);
    border-color: rgba(206, 50, 255, 0.12);
}

[data-theme="dark"] .user-menu__dropdown {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    background: rgba(18, 14, 26, 0.95);
    border-color: rgba(206, 50, 255, 0.12);
}

/* Toasts */
[data-theme="dark"] .toast {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: rgba(18, 14, 26, 0.9);
    border-color: rgba(206, 50, 255, 0.1);
}

/* Chat */
[data-theme="dark"] .chat-modal__container {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    background: rgba(18, 14, 26, 0.95);
    border-color: rgba(206, 50, 255, 0.1);
}

/* Sidebar link active glow */
[data-theme="dark"] .sidebar__link.active {
    box-shadow: inset 3px 0 0 var(--primary);
}
