/* ── Dark mode overrides ────────────────────────────────────────────────── */

[data-theme="dark"] {
  --glass-bg: rgba(8,18,35,0.72);
  --glass-border: rgba(255,255,255,0.08);
  --glass-shadow: rgba(0,0,0,0.5);
  --input-bg: rgba(12,24,44,0.65);
  --input-border: rgba(255,255,255,0.10);
  --text-primary: #ddeaf8;
  --text-secondary: #96b8d4;
  --text-muted: rgba(160,200,235,0.55);
  --accent: #5aabda;
  --accent-light: #7bbcdc;
  --accent-deep: #4a90b8;
  --btn-bg: rgba(74,144,184,0.88);
  --btn-hover: rgba(45,106,142,0.96);
  --card-bg: rgba(10,22,42,0.65);
}

/* Arrière-plan général */
[data-theme="dark"] html,
[data-theme="dark"] body {
  background: linear-gradient(135deg,#05101f 0%,#080f1e 25%,#0a1628 50%,#060e1c 75%,#050d1a 100%) !important;
}

/* Blobs en mode sombre */
[data-theme="dark"] .blob-1 {
  background: radial-gradient(circle,rgba(30,70,130,0.6) 0%,rgba(20,50,100,0.3) 60%,transparent 100%);
}
[data-theme="dark"] .blob-2 {
  background: radial-gradient(circle,rgba(20,50,110,0.5) 0%,rgba(15,40,90,0.25) 60%,transparent 100%);
}
[data-theme="dark"] .blob-3 {
  background: radial-gradient(circle,rgba(25,60,120,0.4) 0%,rgba(18,45,95,0.2) 60%,transparent 100%);
}

/* Auth loader */
[data-theme="dark"] #auth-loader {
  background: linear-gradient(135deg,#05101f 0%,#080f1e 50%,#050d1a 100%) !important;
}

/* Sidebar */
[data-theme="dark"] .sidebar {
  background: rgba(6,14,28,0.92) !important;
  border-right-color: rgba(255,255,255,0.06) !important;
}
[data-theme="dark"] .nav-item:hover {
  background: rgba(74,144,184,0.15) !important;
}
[data-theme="dark"] .nav-item.active {
  background: rgba(74,144,184,0.20) !important;
}
[data-theme="dark"] .user-card {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.06) !important;
}
[data-theme="dark"] .user-name { color: var(--text-primary) !important; }
[data-theme="dark"] .user-email { color: var(--text-muted) !important; }
[data-theme="dark"] .nav-label { color: var(--text-muted) !important; }
[data-theme="dark"] .nav-item { color: var(--text-secondary) !important; }
[data-theme="dark"] .nav-item.active { color: var(--accent-light) !important; }
[data-theme="dark"] .sidebar-logo { filter: brightness(1.2); }

/* Cartes / panneaux glassmorphisme */
[data-theme="dark"] .card,
[data-theme="dark"] .section-card,
[data-theme="dark"] .kpi-card,
[data-theme="dark"] .tile,
[data-theme="dark"] .stat-card {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
}
[data-theme="dark"] .card::before,
[data-theme="dark"] .section-card::before {
  background: linear-gradient(160deg,rgba(255,255,255,0.06) 0%,transparent 60%) !important;
}

/* Barre d'onglets */
[data-theme="dark"] .tabs-bar {
  background: rgba(8,18,35,0.65) !important;
  border-color: rgba(255,255,255,0.07) !important;
}
[data-theme="dark"] .tab-btn { color: var(--text-secondary) !important; }
[data-theme="dark"] .tab-btn.active {
  background: rgba(74,144,184,0.22) !important;
  color: var(--accent-light) !important;
}

/* Inputs et selects */
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea {
  background: var(--input-bg) !important;
  border-color: var(--input-border) !important;
  color: var(--text-primary) !important;
}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder { color: var(--text-muted) !important; }

/* Séparateurs et bordures */
[data-theme="dark"] .setting-row {
  border-bottom-color: rgba(255,255,255,0.05) !important;
}
[data-theme="dark"] .section-header {
  border-bottom-color: rgba(255,255,255,0.06) !important;
}
[data-theme="dark"] .divider { color: var(--text-muted) !important; }
[data-theme="dark"] .divider::before,
[data-theme="dark"] .divider::after {
  background: rgba(255,255,255,0.08) !important;
}

/* Navbar mobile (pages publiques) */
[data-theme="dark"] nav {
  background: rgba(6,14,28,0.88) !important;
  border-bottom-color: rgba(255,255,255,0.06) !important;
}
[data-theme="dark"] .nav-mobile-menu {
  background: rgba(8,18,35,0.97) !important;
}

/* Footer */
[data-theme="dark"] footer {
  border-top-color: rgba(255,255,255,0.06) !important;
}
[data-theme="dark"] .footer-copy { color: rgba(160,200,235,0.3) !important; }

/* Tables */
[data-theme="dark"] table thead tr {
  background: rgba(74,144,184,0.15) !important;
}
[data-theme="dark"] table tbody tr:hover {
  background: rgba(74,144,184,0.08) !important;
}
[data-theme="dark"] table td,
[data-theme="dark"] table th {
  border-bottom-color: rgba(255,255,255,0.05) !important;
  color: var(--text-primary) !important;
}

/* Toasts */
[data-theme="dark"] .toast {
  background: rgba(10,22,42,0.95) !important;
  border-color: rgba(255,255,255,0.08) !important;
  color: var(--text-primary) !important;
}

/* Toggle switch */
[data-theme="dark"] .toggle-slider {
  background: rgba(255,255,255,0.12) !important;
}

/* Page header */
[data-theme="dark"] .page-header h1 { color: var(--text-primary) !important; }
[data-theme="dark"] .section-title { color: var(--text-primary) !important; }
[data-theme="dark"] .setting-label { color: var(--text-primary) !important; }
[data-theme="dark"] .setting-desc { color: var(--text-muted) !important; }
[data-theme="dark"] .kpi-label { color: var(--text-muted) !important; }
[data-theme="dark"] .kpi-value { color: var(--text-primary) !important; }

/* Boutons secondaires */
[data-theme="dark"] .btn-secondary {
  background: rgba(74,144,184,0.15) !important;
  border-color: rgba(74,144,184,0.25) !important;
  color: var(--accent-light) !important;
}
[data-theme="dark"] .btn-ghost {
  border-color: rgba(74,144,184,0.3) !important;
  color: var(--text-secondary) !important;
}

/* radio-opt dans paramètres */
[data-theme="dark"] .radio-opt {
  background: rgba(10,22,42,0.5) !important;
  border-color: rgba(255,255,255,0.08) !important;
  color: var(--text-secondary) !important;
}
[data-theme="dark"] .radio-opt.selected {
  background: rgba(74,144,184,0.22) !important;
  border-color: var(--accent) !important;
  color: var(--accent-light) !important;
}