/* =====================================================
   DASHBOARD THEME OVERRIDE
   Light (default) + Dark toggle
   ===================================================== */

/* ── LIGHT theme variables (default) ── */
html:not([data-theme="dark"]), [data-theme="light"] {
  /* page */
  --bg:           #f0f2f5;
  --bg-card:      #ffffff;
  --bg-sidebar:   #ffffff;
  --bg-input:     #f8fafc;
  --bg-hero:      #f0f2f5;
  --bg-header:    rgba(255,255,255,0.92);
  /* text */
  --text-primary:   #1a1a2e;
  --text-secondary: #374151;
  --text-muted:     #64748b;
  /* borders */
  --border:         #e2e8f0;
  --border-bright:  #94a3b8;
  --border-accent:  rgba(251,191,36,0.35);
  /* brand */
  --primary:        #1a1a2e;
  --primary-dim:    rgba(251,191,36,0.10);
  --gold:           #fbbf24;
  /* shadows */
  --shadow-sm:      0 1px 4px rgba(0,0,0,0.06);
  --shadow-premium: 0 8px 32px rgba(0,0,0,0.10);
}

/* ── DARK theme variables ── */
[data-theme="dark"] {
  --bg:           #05080f;
  --bg-card:      #0d1117;
  --bg-sidebar:   #080b12;
  --bg-input:     rgba(255,255,255,0.05);
  --bg-hero:      #07090f;
  --bg-header:    rgba(5,8,15,0.88);
  --text-primary:   #f1f5f9;
  --text-secondary: #94a3b8;
  --text-muted:     #64748b;
  --border:         rgba(255,255,255,0.07);
  --border-bright:  rgba(255,255,255,0.15);
  --border-accent:  rgba(99,102,241,0.35);
  --primary:        #6366f1;
  --primary-dim:    rgba(99,102,241,0.12);
  --gold:           #fbbf24;
  --shadow-sm:      0 2px 8px rgba(0,0,0,0.4);
  --shadow-premium: 0 20px 60px rgba(0,0,0,0.8);
}

/* ──────────────────────────────────────────
   LIGHT-SPECIFIC overrides (active when NOT dark)
   ────────────────────────────────────────── */
html:not([data-theme="dark"]) body.dashboard-page,
[data-theme="light"] body.dashboard-page {
  --bg-page:       #f0f2f5;
  --bg-sidebar:    #ffffff;
  --bg-card:       #ffffff;
  --bg-hero:       #f0f2f5;
  --bg-input:      #f8fafc;
  --border:        #e2e8f0;
  --border-accent: #cbd5e1;
  --border-bright: #94a3b8;
  --text-primary:  #1a1a2e;
  --text-secondary:#374151;
  --text-muted:    #64748b;
  --primary:       #1a1a2e;
  --primary-dim:   rgba(251,191,36,0.1);
  --border-accent: rgba(251,191,36,0.3);
  --shadow-sm:     0 1px 4px rgba(0,0,0,0.06);
  --shadow-premium:0 8px 32px rgba(0,0,0,0.10);
  --success:       #10b981;
  --error:         #ef4444;
  --font-main:     'Outfit', sans-serif;
  --font-mono:     'JetBrains Mono', monospace;
  --radius-sm:     10px;
  --radius-md:     14px;
  --radius-lg:     18px;
}

/* ── Page background — theme-aware ── */
html:not([data-theme="dark"]) body.dashboard-page {
  background: #f0f2f5;
  color: #1a1a2e;
}
[data-theme="dark"] body.dashboard-page {
  background: #05080f;
  color: #f1f5f9;
}

/* ── Side nav: white card with left border accent ── */
.side-nav {
  background: #ffffff;
  border-right: 1px solid #e2e8f0;
  box-shadow: 2px 0 12px rgba(0,0,0,0.04);
}

.side-nav-logo {
  color: #1a1a2e;
  border-bottom: 1px solid #f1f5f9;
}

/* Nav items */
.nav-item {
  color: #64748b;
  border-radius: 10px;
  font-weight: 600;
}
.nav-item:hover {
  background: rgba(251,191,36,0.08);
  color: #1a1a2e;
}
.nav-item.active {
  background: #1a1a2e;
  color: #fbbf24 !important;
}
.nav-item.active .nav-item-icon { color: #fbbf24 !important; }
.nav-item:hover .nav-item-icon  { color: #1a1a2e; }
.nav-item-icon { color: #94a3b8; }

.side-nav-footer { border-top: 1px solid #f1f5f9; }

/* Upgrade button */
.nav-get-pro {
  background: #fbbf24;
  color: #1a1a2e !important;
  font-weight: 800;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(251,191,36,0.3);
}
.nav-get-pro:hover {
  background: #f59e0b;
  box-shadow: 0 6px 18px rgba(251,191,36,0.4);
}

/* Bottom nav (mobile) */
.bottom-nav {
  background: #ffffff;
  border-top: 1px solid #e2e8f0;
}
.bottom-nav-item { color: #94a3b8; }
.bottom-nav-item.active { color: #1a1a2e; }
.bottom-nav-item:hover  { color: #1a1a2e; }

/* ── Top navbar ── */
.dash-nav {
  background: #ffffff;
  border-bottom: 1px solid #e2e8f0;
  box-shadow: 0 1px 6px rgba(0,0,0,0.04);
}
.dash-logo { color: #1a1a2e; }
.dash-logo-text { color: #1a1a2e; }
.brand-accent { color: #fbbf24; }

.nav-badge {
  background: rgba(251,191,36,0.12);
  border: 1px solid rgba(251,191,36,0.35);
  color: #92400e;
  font-weight: 800;
}

.nav-user-chip {
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
}
.nav-user-chip:hover {
  background: rgba(251,191,36,0.08);
  border-color: rgba(251,191,36,0.4);
}
.nav-avatar {
  background: #1a1a2e;
  border-radius: 8px;
}
.nav-username { color: #374151; }

/* Search */
#globalSearch {
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
  color: #1a1a2e;
}
#globalSearch:focus {
  border-color: #fbbf24;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(251,191,36,0.15);
}
.search-kbd {
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  color: #94a3b8;
}
.search-results-overlay {
  background: #fff;
  border: 1px solid #e2e8f0;
}

/* User dropdown */
.user-dropdown {
  background: #fff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 8px 32px rgba(0,0,0,0.10);
}
.dropdown-header { border-bottom: 1px solid #f1f5f9; }
.dh-name  { color: #1a1a2e; }
.dh-email { color: #64748b; }
.dropdown-item { color: #374151; }
.dropdown-item:hover { background: rgba(251,191,36,0.08); color: #1a1a2e; }
.dropdown-item.danger { color: #ef4444; }
.dropdown-item.danger:hover { background: rgba(239,68,68,0.06); }

/* ── Hero / Welcome ── */
.dash-hero {
  background: #f0f2f5;
  border-bottom: 1px solid #e2e8f0;
  padding: 2.5rem 2rem 2rem;
}
.welcome-badge {
  background: #fff;
  border: 1.5px solid #e2e8f0;
  color: #64748b;
}
.badge-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: #fbbf24;
  display: inline-block;
  box-shadow: 0 0 6px rgba(251,191,36,0.6);
}
.welcome-heading { color: #1a1a2e; }
.welcome-name    { color: #6366f1 !important; font-weight: 800 !important; }
.welcome-sub     { color: #64748b; }

/* Stat chips */
.dash-stat-chip {
  background: #fff;
  border: 1.5px solid #e2e8f0;
  border-radius: 14px;
}
.dash-stat-chip:hover { border-color: #fbbf24; }
.dash-stat-num { color: #1a1a2e; }
.dash-stat-lbl { color: #94a3b8; }

/* Streak widget */
.streak-widget {
  background: #fff;
  border: 1.5px solid #e2e8f0;
  border-radius: 16px;
  padding: 1rem 1.25rem;
  margin-bottom: 0.75rem;
}
.streak-num  { color: #1a1a2e; }
.streak-unit { color: #64748b; }
.streak-best { color: #94a3b8; }
.streak-fire-cold svg { color: #94a3b8; }

/* Hero action buttons */
.hero-btn-primary {
  background: #1a1a2e; color: #fbbf24;
  box-shadow: 0 4px 14px rgba(26,26,46,0.2);
}
.hero-btn-primary:hover {
  background: #fbbf24; color: #1a1a2e;
  box-shadow: 0 6px 20px rgba(251,191,36,0.35);
}
.hero-btn-secondary {
  background: #fff; color: #1a1a2e;
  border: 1.5px solid #e2e8f0;
}
.hero-btn-secondary:hover {
  background: #1a1a2e; color: #fbbf24;
  border-color: #1a1a2e;
}

/* ── Trusted Schools ── */
.trusted-schools {
  background: #fff;
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
}
.trusted-label { color: #94a3b8; }
.institution-pill {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  color: #1a1a2e;
}

/* ── Subjects section ── */
.subjects-section { background: #f0f2f5; }
.section-title { color: #1a1a2e; }
.section-sub   { color: #64748b; }

/* Subject cards */
.subject-card {
  background: #fff;
  border: 1.5px solid #e2e8f0;
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.subject-card.available:hover {
  border-color: #fbbf24;
  box-shadow: 0 8px 28px rgba(251,191,36,0.18);
  transform: translateY(-3px);
}
.subject-name { color: #1a1a2e; }
.subject-desc { color: #64748b; }
.subject-cta  { color: #1a1a2e; font-weight: 800; }
.cta-arrow    { color: #fbbf24; }

.meta-chip {
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  color: #64748b;
  font-size: 0.7rem; font-weight: 700;
  padding: 3px 10px; border-radius: 100px;
}
.difficulty-hard {
  background: rgba(239,68,68,0.08);
  border-color: rgba(239,68,68,0.2);
  color: #ef4444;
}
.available-tag {
  background: rgba(16,185,129,0.1);
  color: #059669;
  border: 1px solid rgba(16,185,129,0.2);
  font-size: 0.65rem; font-weight: 800;
  padding: 3px 10px; border-radius: 100px;
}
.premium-tag {
  background: rgba(251,191,36,0.12);
  color: #92400e;
  border: 1px solid rgba(251,191,36,0.3);
  font-size: 0.65rem; font-weight: 800;
  padding: 3px 10px; border-radius: 100px;
}

/* ── Broadcast card ── */
.broadcast-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.broadcast-icon {
  background: rgba(251,191,36,0.1);
  color: #92400e;
}
.broadcast-label { color: #92400e; }
.broadcast-title { color: #1a1a2e; }
.broadcast-body  { color: #64748b; }
.broadcast-date  {
  background: #f1f5f9;
  color: #64748b;
}

/* ═══════════════════════════════════════════
   SETTINGS IMMERSIVE VIEW — LIGHT THEME
   ═══════════════════════════════════════════ */

/* Overlay background */
html:not([data-theme="dark"]) .settings-immersive-view {
  background: rgba(240,242,245,0.97);
  backdrop-filter: blur(20px);
}

/* Sidebar */
html:not([data-theme="dark"]) .settings-sidebar {
  background: #ffffff;
  border-right: 1px solid #e2e8f0;
}

/* Sidebar logo — remove dark filter in light mode */
html:not([data-theme="dark"]) .settings-sidebar img {
  filter: none !important;
}

/* Nav items */
html:not([data-theme="dark"]) .settings-nav-item {
  color: #64748b;
}
html:not([data-theme="dark"]) .settings-nav-item:hover {
  background: rgba(251,191,36,0.08);
  color: #1a1a2e;
}
html:not([data-theme="dark"]) .settings-nav-item.active {
  background: #1a1a2e;
  color: #fbbf24;
  box-shadow: 0 4px 12px rgba(26,26,46,0.15);
}

/* Main content area */
html:not([data-theme="dark"]) .settings-main {
  background: #f0f2f5;
}
html:not([data-theme="dark"]) .settings-h1 {
  color: #1a1a2e;
}
html:not([data-theme="dark"]) .settings-h2 {
  color: #1a1a2e;
}

/* Section cards */
html:not([data-theme="dark"]) .settings-section-card {
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

/* Profile stat mini-boxes */
html:not([data-theme="dark"]) .settings-section-card [style*="rgba(255,255,255,0.03)"] {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

/* Headings & text inside settings */
html:not([data-theme="dark"]) .settings-section-card h2 { color: #1a1a2e; }
html:not([data-theme="dark"]) .settings-section-card p  { color: #64748b; }

/* WhatsApp card accent stays green */
html:not([data-theme="dark"]) .settings-section-card[style*="25D366"] {
  background: rgba(37,211,102,0.04) !important;
  border-color: rgba(37,211,102,0.2) !important;
}

/* Profile avatar */
html:not([data-theme="dark"]) #settingsAvatar {
  background: #1a1a2e !important;
  color: #fbbf24 !important;
  border-radius: 20px;
}

/* Input field */
html:not([data-theme="dark"]) #settingsPhone,
html:not([data-theme="dark"]) .setting-input {
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #1a1a2e !important;
  border-radius: 10px;
}
html:not([data-theme="dark"]) #settingsPhone:focus,
html:not([data-theme="dark"]) .setting-input:focus {
  border-color: #fbbf24 !important;
  box-shadow: 0 0 0 3px rgba(251,191,36,0.12) !important;
}
html:not([data-theme="dark"]) #settingsPhone::placeholder,
html:not([data-theme="dark"]) .setting-input::placeholder { color: #94a3b8 !important; }

/* Save button */
html:not([data-theme="dark"]) #saveProfileBtn,
html:not([data-theme="dark"]) .hero-btn-primary {
  background: #1a1a2e !important;
  color: #fbbf24 !important;
  border: none;
}
html:not([data-theme="dark"]) #saveProfileBtn:hover,
html:not([data-theme="dark"]) .hero-btn-primary:hover {
  background: #fbbf24 !important;
  color: #1a1a2e !important;
}

/* Verify button */
html:not([data-theme="dark"]) #verifyNowBtn {
  background: linear-gradient(135deg, #1a1a2e, #2d2d4e) !important;
  color: #fbbf24 !important;
  box-shadow: 0 4px 20px rgba(26,26,46,0.25) !important;
}

/* Verify feature chips */
html:not([data-theme="dark"]) #verifyUnverifiedState [style*="rgba(255,255,255,0.03)"] {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}
html:not([data-theme="dark"]) #verifyUnverifiedState span[style*="var(--text-secondary)"] {
  color: #374151 !important;
}

/* Toggle switch */
html:not([data-theme="dark"]) .toggle-switch {
  background: #e2e8f0;
}
html:not([data-theme="dark"]) .toggle-switch.active {
  background: #fbbf24;
}
html:not([data-theme="dark"]) .toggle-switch::after {
  background: #ffffff;
}

/* Security status badge */
html:not([data-theme="dark"]) #securityStatus {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0;
}
html:not([data-theme="dark"]) .status-warn { color: #92400e; }
html:not([data-theme="dark"]) .status-secure { color: #059669; }

/* Settings modal (old popup style) */
html:not([data-theme="dark"]) .settings-modal,
html:not([data-theme="dark"]) .modal-content-wrap {
  background: #fff;
  border: 1px solid #e2e8f0;
  color: #1a1a2e;
}
html:not([data-theme="dark"]) .modal-header { border-bottom: 1px solid #f1f5f9; background: #fff; }
html:not([data-theme="dark"]) .modal-title  { color: #1a1a2e; }
html:not([data-theme="dark"]) .close-modal-btn { color: #94a3b8; background: #f8fafc; }
html:not([data-theme="dark"]) .close-modal-btn:hover { color: #ef4444; background: rgba(239,68,68,0.06); }
html:not([data-theme="dark"]) .settings-avatar { background: #1a1a2e; color: #fbbf24 !important; }
html:not([data-theme="dark"]) .setting-label { color: #1a1a2e; }
html:not([data-theme="dark"]) .setting-desc  { color: #64748b; }
html:not([data-theme="dark"]) .setting-row   { border-top-color: #f1f5f9; }
html:not([data-theme="dark"]) .setting-section-title { border-top-color: #f1f5f9; }
html:not([data-theme="dark"]) .modal-btn-primary {
  background: #1a1a2e;
  color: #fbbf24;
}
html:not([data-theme="dark"]) .modal-btn-ghost {
  background: #f8fafc;
  border-color: #e2e8f0;
  color: #374151;
}

/* Nav settings button */
html:not([data-theme="dark"]) .nav-settings-btn {
  background: #f8fafc;
  border-color: #e2e8f0;
  color: #64748b;
}
html:not([data-theme="dark"]) .nav-settings-btn:hover {
  background: #1a1a2e;
  color: #fbbf24;
}

/* ═══════════════════════════════════════════
   DARK THEME — Settings (original look preserved)
   ═══════════════════════════════════════════ */
[data-theme="dark"] .settings-immersive-view {
  background: rgba(5,8,15,0.95);
  backdrop-filter: blur(28px);
}
[data-theme="dark"] .settings-sidebar {
  background: rgba(15,23,42,0.4);
  border-right-color: rgba(255,255,255,0.06);
}
[data-theme="dark"] .settings-sidebar img { filter: grayscale(1) invert(1) brightness(2); }
[data-theme="dark"] .settings-section-card {
  background: rgba(255,255,255,0.03);
  border-color: rgba(255,255,255,0.07);
}
[data-theme="dark"] .settings-main { background: transparent; }
[data-theme="dark"] .settings-nav-item.active {
  background: rgba(99,102,241,0.15);
  color: #818cf8;
}
[data-theme="dark"] .toggle-switch { background: rgba(255,255,255,0.1); }
[data-theme="dark"] .toggle-switch.active { background: #22c55e; }

/* ── AI chatbot button ── */
.ai-chat-fab { background: #1a1a2e !important; color: #fbbf24 !important; }
[data-theme="dark"] .ai-chat-fab { background: #6366f1 !important; color: #fff !important; }

/* ── Theme toggle ── */
html:not([data-theme="dark"]) .theme-toggle-btn {
  background: #f8fafc; border: 1.5px solid #e2e8f0; color: #64748b;
}
html:not([data-theme="dark"]) .theme-toggle-btn:hover {
  background: #1a1a2e; color: #fbbf24; border-color: #1a1a2e;
}
[data-theme="dark"] .theme-toggle-btn {
  background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.12); color: #94a3b8;
}
[data-theme="dark"] .theme-toggle-btn:hover {
  background: #fbbf24; color: #1a1a2e; border-color: #fbbf24;
}

/* ── Scrollbar ── */
html:not([data-theme="dark"]) ::-webkit-scrollbar-track { background: #f1f5f9; }
html:not([data-theme="dark"]) ::-webkit-scrollbar-thumb { background: #cbd5e1; }
html:not([data-theme="dark"]) ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
[data-theme="dark"] ::-webkit-scrollbar-track { background: #080b12; }
[data-theme="dark"] ::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); }


/* ═══════════════════════════════════════════════════════════
   DARK MODE — Dashboard Component Overrides
   All the light-only hardcoded colours get corrected here.
   ═══════════════════════════════════════════════════════════ */

/* ── Side nav ── */
[data-theme="dark"] .side-nav {
  background: #080b12;
  border-right-color: rgba(255,255,255,0.07);
  box-shadow: 2px 0 20px rgba(0,0,0,0.4);
}
[data-theme="dark"] .side-nav-logo {
  color: #f1f5f9;
  border-bottom-color: rgba(255,255,255,0.07);
}
[data-theme="dark"] .side-nav-footer { border-top-color: rgba(255,255,255,0.07); }

/* ── Sidebar nav items ── */
[data-theme="dark"] .nav-item { color: #64748b; }
[data-theme="dark"] .nav-item:hover { background: rgba(99,102,241,0.08); color: #f1f5f9; }
[data-theme="dark"] .nav-item:hover .nav-item-icon { color: #818cf8; }
[data-theme="dark"] .nav-item.active { background: rgba(99,102,241,0.15); color: #818cf8 !important; }
[data-theme="dark"] .nav-item.active .nav-item-icon { color: #818cf8 !important; }
[data-theme="dark"] .nav-item-icon { color: #475569; }

/* ── Mobile bottom nav ── */
[data-theme="dark"] .bottom-nav {
  background: rgba(8,11,18,0.95);
  border-top-color: rgba(255,255,255,0.07);
}
[data-theme="dark"] .bottom-nav-item { color: #475569; }
[data-theme="dark"] .bottom-nav-item.active { color: #818cf8; }
[data-theme="dark"] .bottom-nav-item:hover  { color: #f1f5f9; }

/* ── Top navbar ── */
[data-theme="dark"] .dash-nav {
  background: rgba(5,8,15,0.88);
  border-bottom-color: rgba(255,255,255,0.07);
  box-shadow: 0 1px 20px rgba(0,0,0,0.4);
}
[data-theme="dark"] .dash-logo      { color: #f1f5f9; }
[data-theme="dark"] .dash-logo-text { color: #f1f5f9; }
[data-theme="dark"] .nav-badge {
  background: rgba(99,102,241,0.12);
  border-color: rgba(99,102,241,0.3);
  color: #818cf8;
}
[data-theme="dark"] .nav-user-chip {
  background: rgba(255,255,255,0.05);
  border-color: rgba(255,255,255,0.1);
}
[data-theme="dark"] .nav-user-chip:hover {
  background: rgba(99,102,241,0.1);
  border-color: rgba(99,102,241,0.3);
}
[data-theme="dark"] .nav-avatar   { background: #6366f1; }
[data-theme="dark"] .nav-username { color: #94a3b8; }

/* ── Search ── */
[data-theme="dark"] #globalSearch {
  background: rgba(255,255,255,0.05);
  border-color: rgba(255,255,255,0.1);
  color: #f1f5f9;
}
[data-theme="dark"] #globalSearch:focus {
  border-color: #6366f1;
  background: rgba(99,102,241,0.07);
  box-shadow: 0 0 0 3px rgba(99,102,241,0.15);
}
[data-theme="dark"] #globalSearch::placeholder { color: #475569; }
[data-theme="dark"] .search-kbd {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.1);
  color: #475569;
}
[data-theme="dark"] .search-results-overlay {
  background: #0d1117;
  border-color: rgba(255,255,255,0.08);
}

/* ── User dropdown ── */
[data-theme="dark"] .user-dropdown {
  background: #0d1117;
  border-color: rgba(255,255,255,0.08);
  box-shadow: 0 8px 40px rgba(0,0,0,0.7);
}
[data-theme="dark"] .dropdown-header { border-bottom-color: rgba(255,255,255,0.07); }
[data-theme="dark"] .dh-name  { color: #f1f5f9; }
[data-theme="dark"] .dh-email { color: #64748b; }
[data-theme="dark"] .dropdown-item { color: #94a3b8; }
[data-theme="dark"] .dropdown-item:hover { background: rgba(99,102,241,0.08); color: #f1f5f9; }
[data-theme="dark"] .dropdown-item.danger { color: #f87171; }
[data-theme="dark"] .dropdown-item.danger:hover { background: rgba(248,113,113,0.08); }

/* ── Hero / Welcome ── */
[data-theme="dark"] .dash-hero {
  background: #07090f;
  border-bottom-color: rgba(255,255,255,0.06);
}
[data-theme="dark"] .welcome-badge {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.08);
  color: #64748b;
}
[data-theme="dark"] .welcome-heading { color: #f1f5f9; }
[data-theme="dark"] .welcome-name    { color: #818cf8 !important; font-weight: 800 !important; }
[data-theme="dark"] .welcome-sub     { color: #64748b; }

/* ── Stat chips ── */
[data-theme="dark"] .dash-stat-chip {
  background: rgba(255,255,255,0.03);
  border-color: rgba(255,255,255,0.07);
}
[data-theme="dark"] .dash-stat-chip:hover { border-color: rgba(99,102,241,0.3); }
[data-theme="dark"] .dash-stat-num { color: #f1f5f9; }
[data-theme="dark"] .dash-stat-lbl { color: #475569; }

/* ── Streak widget ── */
[data-theme="dark"] .streak-widget {
  background: rgba(255,255,255,0.03);
  border-color: rgba(255,255,255,0.07);
}
[data-theme="dark"] .streak-num  { color: #f1f5f9; }
[data-theme="dark"] .streak-unit { color: #64748b; }
[data-theme="dark"] .streak-best { color: #475569; }

/* ── Hero action buttons ── */
[data-theme="dark"] .hero-btn-primary {
  background: #6366f1; color: #fff;
  box-shadow: 0 4px 14px rgba(99,102,241,0.3);
}
[data-theme="dark"] .hero-btn-primary:hover {
  background: #818cf8;
  box-shadow: 0 6px 20px rgba(99,102,241,0.4);
}
[data-theme="dark"] .hero-btn-secondary {
  background: rgba(255,255,255,0.05);
  color: #94a3b8;
  border-color: rgba(255,255,255,0.1);
}
[data-theme="dark"] .hero-btn-secondary:hover {
  background: rgba(99,102,241,0.1);
  color: #818cf8;
  border-color: rgba(99,102,241,0.3);
}

/* ── Trusted schools ── */
[data-theme="dark"] .trusted-schools {
  background: rgba(255,255,255,0.02);
  border-top-color: rgba(255,255,255,0.05);
  border-bottom-color: rgba(255,255,255,0.05);
}
[data-theme="dark"] .trusted-label { color: #475569; }
[data-theme="dark"] .institution-pill {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.08);
  color: #94a3b8;
}

/* ── Subjects section ── */
[data-theme="dark"] .subjects-section { background: #05080f; }
[data-theme="dark"] .section-title { color: #f1f5f9; }
[data-theme="dark"] .section-sub   { color: #64748b; }

/* ── Subject cards ── */
[data-theme="dark"] .subject-card {
  background: #0d1117;
  border-color: rgba(255,255,255,0.07);
  box-shadow: 0 2px 12px rgba(0,0,0,0.3);
}
[data-theme="dark"] .subject-card.available:hover {
  border-color: rgba(99,102,241,0.4);
  box-shadow: 0 8px 28px rgba(99,102,241,0.15);
}
[data-theme="dark"] .subject-name { color: #f1f5f9; }
[data-theme="dark"] .subject-desc { color: #64748b; }
[data-theme="dark"] .subject-cta  { color: #818cf8; }
[data-theme="dark"] .cta-arrow    { color: #6366f1; }

/* ── Meta chips ── */
[data-theme="dark"] .meta-chip {
  background: rgba(255,255,255,0.05);
  border-color: rgba(255,255,255,0.08);
  color: #64748b;
}

/* ── Broadcast card ── */
[data-theme="dark"] .broadcast-card {
  background: #0d1117;
  border-color: rgba(255,255,255,0.07);
  box-shadow: 0 2px 12px rgba(0,0,0,0.3);
}
[data-theme="dark"] .broadcast-icon { background: rgba(99,102,241,0.12); color: #818cf8; }
[data-theme="dark"] .broadcast-label { color: #6366f1; }
[data-theme="dark"] .broadcast-title { color: #f1f5f9; }
[data-theme="dark"] .broadcast-body  { color: #64748b; }
[data-theme="dark"] .broadcast-date  { background: rgba(255,255,255,0.04); color: #475569; }