/* ═══════════════════════════════════════════════════════════════
   VALORY — Light mode component overrides
   Core design tokens live in theme.css (loaded first in base.html).
   This file contains ONLY component-level [data-theme="light"] rules.
   ═══════════════════════════════════════════════════════════════ */


/* ═════════════════════════════════════════════════════════════
   LIGHT MODE — Global structural overrides
   All rules scoped to [data-theme="light"] — dark mode untouched
   ═════════════════════════════════════════════════════════════ */

/* ── Page background ── */
[data-theme="light"] body {
  background: #EDEAF6 !important;
  color: #1A1533 !important;
}

/* ── Sidebar ── */
[data-theme="light"] .mn-desktop-sidebar {
  background: #E3DFF0 !important;
  border-color: rgba(91,81,121,0.12) !important;
  box-shadow: 0 1px 3px rgba(91,81,121,0.08) !important;
  backdrop-filter: none !important;
}
[data-theme="light"] .mn-desktop-link {
  background: rgba(91,81,121,0.04) !important;
  border-color: transparent !important;
  color: #5B5179 !important;
}
[data-theme="light"] .mn-desktop-link:not(.mn-desktop-signout-btn):hover {
  background: rgba(124,58,246,0.08) !important;
  border-color: rgba(124,58,246,0.15) !important;
}
[data-theme="light"] .mn-desktop-link.is-active {
  background: #EDE9FE !important;
  border-color: rgba(124,58,246,0.25) !important;
}
[data-theme="light"] .mn-desktop-link .mn-sidebar-icon {
  color: #5B5179 !important;
}
[data-theme="light"] .mn-desktop-link:hover .mn-sidebar-icon,
[data-theme="light"] .mn-desktop-link.is-active .mn-sidebar-icon {
  color: #7C3AED !important;
}
[data-theme="light"] .mn-desktop-divider {
  background: rgba(91,81,121,0.10) !important;
}
[data-theme="light"] .mn-desktop-more-toggle {
  background: rgba(91,81,121,0.04) !important;
  border-color: rgba(91,81,121,0.08) !important;
}
[data-theme="light"] .mn-desktop-sublink {
  background: rgba(91,81,121,0.03) !important;
  color: #5B5179 !important;
}
[data-theme="light"] .mn-desktop-submenu {
  border-left-color: rgba(91,81,121,0.12) !important;
}
[data-theme="light"] .mn-desktop-sidebar-edge-toggle {
  color: #8E85A8 !important;
}
[data-theme="light"] .mn-desktop-sidebar-edge-toggle:hover {
  color: #5B5179 !important;
}
[data-theme="light"] .mn-sidebar-icon {
  color: #5B5179;
}
[data-theme="light"] .mn-desktop-signout-btn {
  color: #EF4444 !important;
}
[data-theme="light"] .mn-desktop-signout-btn:hover {
  background: rgba(239,68,68,0.06) !important;
}
[data-theme="light"] .app-sidebar {
  background: #E3DFF0 !important;
  border-color: rgba(91,81,121,0.12) !important;
}

/* ── Navbar ── */
[data-theme="light"] .mn-header {
  background: rgba(246,244,251,0.92) !important;
  border-bottom-color: rgba(91,81,121,0.10) !important;
  backdrop-filter: blur(12px) !important;
}
[data-theme="light"] .mn-home {
  background: rgba(91,81,121,0.04) !important;
  border-color: rgba(91,81,121,0.10) !important;
  color: #1A1533 !important;
}
[data-theme="light"] .mn-menu-trigger {
  background: rgba(91,81,121,0.04) !important;
  border-color: rgba(91,81,121,0.10) !important;
  color: #5B5179 !important;
}
[data-theme="light"] .mn-menu-trigger:hover {
  box-shadow: 0 0 0 4px rgba(124,58,246,0.08) !important;
}
[data-theme="light"] .mn-icon-btn {
  color: #5B5179 !important;
  border-color: rgba(91,81,121,0.10) !important;
  background: rgba(91,81,121,0.04) !important;
}
[data-theme="light"] .mn-icon-btn:hover {
  color: #7C3AED !important;
  border-color: rgba(124,58,246,0.22) !important;
  background: rgba(124,58,246,0.06) !important;
}

/* ── Aurora / floating decorations — hide in light mode ── */
[data-theme="light"] .aurora-bg,
[data-theme="light"] .aurora-bg::before,
[data-theme="light"] .aurora-bg::after {
  display: none !important;
}
[data-theme="light"] .floating-blobs::before,
[data-theme="light"] .floating-blobs::after {
  display: none !important;
}


/* ═════════════════════════════════════════════════════════════
   LIGHT MODE — Student Profile / Dashboard Hero
   ═════════════════════════════════════════════════════════════ */

/* Hero container — kill the purple gradient, use card bg */
[data-theme="light"] .hero-student {
  background: #F6F4FB !important;
  border-color: rgba(91,81,121,0.12) !important;
  box-shadow: 0 4px 12px rgba(91,81,121,0.10) !important;
  backdrop-filter: none !important;
}

/* Student name — plain heading, no gradient text */
[data-theme="light"] .student-name {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #1A1533 !important;
  color: #1A1533 !important;
  animation: none !important;
  text-shadow: none !important;
}

/* Avatar ring — keep the ring colors but kill glow artifacts */
[data-theme="light"] .hero-avatar .student-avatar-ring {
  filter: none !important;
}
[data-theme="light"] .hero-avatar::after {
  display: none !important;
}

/* Momentum cards (Studied today / Streak) — elevated card bg */
[data-theme="light"] .momentum-card {
  background: #FDFCFE !important;
  border: 1px solid rgba(91,81,121,0.12) !important;
  box-shadow: 0 1px 3px rgba(91,81,121,0.08) !important;
}
[data-theme="light"] .momentum-card:hover {
  border-color: rgba(124,58,246,0.22) !important;
  box-shadow: 0 4px 12px rgba(91,81,121,0.10) !important;
}
/* Tier-specific momentum cards — subtle tinted backgrounds */
[data-theme="light"] .momentum-card.tier-bronze,
[data-theme="light"] .momentum-card.streak-tier-bronze {
  background: #FDFCFE !important;
  border: 1px solid rgba(205,127,50,0.25) !important;
  animation: none !important;
  box-shadow: 0 1px 3px rgba(91,81,121,0.08) !important;
}
[data-theme="light"] .momentum-card.tier-silver,
[data-theme="light"] .momentum-card.streak-tier-silver {
  background: #FDFCFE !important;
  border: 1px solid rgba(148,163,184,0.25) !important;
  animation: none !important;
  box-shadow: 0 1px 3px rgba(91,81,121,0.08) !important;
}
[data-theme="light"] .momentum-card.tier-gold,
[data-theme="light"] .momentum-card.streak-tier-gold {
  background: #FFFBEB !important;
  border: 1px solid rgba(245,158,11,0.30) !important;
  animation: none !important;
  box-shadow: 0 1px 3px rgba(91,81,121,0.08) !important;
}
[data-theme="light"] .momentum-card.tier-diamond,
[data-theme="light"] .momentum-card.streak-tier-diamond {
  background: #EFF6FF !important;
  border: 1px solid rgba(99,102,241,0.25) !important;
  animation: none !important;
  box-shadow: 0 1px 3px rgba(91,81,121,0.08) !important;
}
[data-theme="light"] .momentum-card.streak-tier-amethyst {
  background: #FAF5FF !important;
  border: 1px solid rgba(168,85,247,0.25) !important;
  animation: none !important;
  box-shadow: 0 1px 3px rgba(91,81,121,0.08) !important;
}
[data-theme="light"] .momentum-card .momentum-value {
  color: #1A1533 !important;
}
[data-theme="light"] .momentum-card .momentum-label {
  color: #8E85A8 !important;
}
[data-theme="light"] .momentum-card .momentum-icon {
  color: #5B5179 !important;
}

/* Tier badges — keep gradients, brighter lifted versions */
[data-theme="light"] .tier-badge {
  box-shadow: 0 1px 3px rgba(91,81,121,0.08) !important;
}
[data-theme="light"] .tier-badge::before {
  display: none !important;
}
[data-theme="light"] .tier-badge .tb-label {
  color: #1A1533 !important;
}
/* Bronze tier badge */
[data-theme="light"] .tier-badge.chip-bronze .tb-icon {
  color: #9A3412 !important;
  background: #FED7AA !important;
  box-shadow: none !important;
}
[data-theme="light"] .tier-badge.chip-bronze .tb-label {
  color: #9A3412 !important;
}
/* Silver tier badge */
[data-theme="light"] .tier-badge.chip-silver .tb-icon {
  color: #475569 !important;
  background: #E2E8F0 !important;
  box-shadow: none !important;
}
[data-theme="light"] .tier-badge.chip-silver .tb-label {
  color: #475569 !important;
}
/* Gold tier badge — warm amber gradient */
[data-theme="light"] .tier-badge.chip-gold .tb-icon {
  color: #78350F !important;
  background: linear-gradient(135deg, #FEF3C7, #FBBF24) !important;
  box-shadow: none !important;
}
[data-theme="light"] .tier-badge.chip-gold .tb-label {
  color: #78350F !important;
}
/* Diamond tier badge — bright blue gradient */
[data-theme="light"] .tier-badge.chip-diamond .tb-icon {
  color: #1E40AF !important;
  background: linear-gradient(135deg, #DBEAFE, #60A5FA) !important;
  box-shadow: none !important;
}
[data-theme="light"] .tier-badge.chip-diamond .tb-label {
  color: #1E40AF !important;
}
/* None tier */
[data-theme="light"] .tier-badge-none {
  opacity: .5;
}
[data-theme="light"] .tier-badge-none .tb-icon {
  color: #8E85A8 !important;
  background: rgba(91,81,121,0.06) !important;
  box-shadow: none !important;
}

/* Tier metrics row */
[data-theme="light"] .tier-metric {
  background: #FDFCFE !important;
  border-color: rgba(91,81,121,0.12) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  color: #5B5179 !important;
}
[data-theme="light"] .tier-metric i {
  color: #D97706 !important;
}

/* Connection chip */
[data-theme="light"] .connection-chip {
  background: rgba(91,81,121,0.05) !important;
  border-color: rgba(91,81,121,0.12) !important;
  color: #5B5179 !important;
}

/* Level badge */
[data-theme="light"] .level-badge {
  background: #FEF3C7 !important;
  color: #78350F !important;
  border-color: rgba(245,158,11,0.30) !important;
}

/* XP rail */
[data-theme="light"] .xp-rail {
  background: rgba(91,81,121,0.08) !important;
}

/* Chips (generic) */
[data-theme="light"] .chip {
  background: rgba(91,81,121,0.05) !important;
  border-color: rgba(91,81,121,0.12) !important;
  color: #5B5179 !important;
  backdrop-filter: none !important;
}
[data-theme="light"] .chip-soft {
  background: rgba(91,81,121,0.04) !important;
  border-color: rgba(91,81,121,0.08) !important;
  color: #5B5179 !important;
}

/* Interest / achievement icons */
[data-theme="light"] .interest-bulb-icon {
  color: #D97706 !important;
  text-shadow: none !important;
}
[data-theme="light"] .achievement-icon {
  color: #D97706 !important;
  text-shadow: none !important;
}
[data-theme="light"] .achievement-btn {
  background: #FEF3C7 !important;
  color: #78350F !important;
  border-color: rgba(245,158,11,0.25) !important;
}

/* Hero owner toggle button */
[data-theme="light"] .hero-owner-toggle {
  background: rgba(91,81,121,0.05) !important;
  border-color: rgba(91,81,121,0.12) !important;
  color: #5B5179 !important;
}
[data-theme="light"] .hero-owner-toggle:hover {
  background: rgba(91,81,121,0.08) !important;
  color: #1A1533 !important;
}

/* Profile cards (card-g) — beats inline style="background:gradient" via !important */
[data-theme="light"] .card-g {
  background: #F6F4FB !important;
  border: 1px solid rgba(91,81,121,0.12) !important;
  box-shadow: 0 4px 12px rgba(91,81,121,0.10) !important;
}

/* First session card */
[data-theme="light"] .first-session-card {
  background: #D1FAE5 !important;
  border-color: rgba(16,185,129,0.30) !important;
}
[data-theme="light"] .first-session-card-title {
  color: #065F46 !important;
}
[data-theme="light"] .first-session-card-sub {
  color: #5B5179 !important;
}


/* ═════════════════════════════════════════════════════════════
   LIGHT MODE — Timeline / Next 24 hours
   ═════════════════════════════════════════════════════════════ */

[data-theme="light"] .timeline-toggle {
  background: #F6F4FB !important;
  border-color: rgba(91,81,121,0.12) !important;
  box-shadow: 0 1px 3px rgba(91,81,121,0.08) !important;
  color: #1A1533 !important;
}
[data-theme="light"] .timeline-toggle.is-active {
  border-color: rgba(124,58,246,0.35) !important;
  box-shadow: 0 4px 12px rgba(124,58,246,0.10) !important;
}
[data-theme="light"] .timeline-toggle-icon {
  background: #EDE9FE !important;
  color: #7C3AED !important;
  box-shadow: none !important;
}
[data-theme="light"] .timeline-toggle-sub {
  color: #8E85A8 !important;
}
[data-theme="light"] .timeline-toggle-chevron {
  color: #8E85A8 !important;
}

[data-theme="light"] .timeline-panel {
  background: #F6F4FB !important;
  border-color: rgba(91,81,121,0.12) !important;
  box-shadow: 0 4px 12px rgba(91,81,121,0.10) !important;
}
[data-theme="light"] .timeline-panel-title {
  color: #1A1533 !important;
}
[data-theme="light"] .timeline-panel-range {
  color: #8E85A8 !important;
}
[data-theme="light"] .timeline-calendar-link {
  color: #7C3AED !important;
  border-color: rgba(124,58,246,0.22) !important;
  background: rgba(124,58,246,0.06) !important;
}
[data-theme="light"] .timeline-calendar-link:hover {
  background: rgba(124,58,246,0.12) !important;
  color: #7C3AED !important;
  box-shadow: none !important;
}

/* Timeline band/track */
[data-theme="light"] .timeline-band {
  background: #FDFCFE !important;
  border-color: rgba(91,81,121,0.08) !important;
}
[data-theme="light"] .timeline-grid {
  border-color: rgba(91,81,121,0.06) !important;
}
[data-theme="light"] .timeline-hour-label {
  color: #8E85A8 !important;
}
[data-theme="light"] .timeline-hour-tick {
  background: rgba(91,81,121,0.08) !important;
}

/* Timeline events */
[data-theme="light"] .timeline-event {
  border-color: rgba(124,58,246,0.18) !important;
  background: rgba(124,58,246,0.06) !important;
}
[data-theme="light"] .timeline-event--mentor {
  border-color: rgba(139,92,246,0.22) !important;
  background: #EDE9FE !important;
}
[data-theme="light"] .timeline-event--solo {
  border-color: rgba(59,130,246,0.22) !important;
  background: #DBEAFE !important;
}
[data-theme="light"] .timeline-event--duo {
  border-color: rgba(16,185,129,0.22) !important;
  background: #D1FAE5 !important;
}
[data-theme="light"] .timeline-event-title {
  color: #1A1533 !important;
}
[data-theme="light"] .timeline-event-time {
  color: #5B5179 !important;
}
[data-theme="light"] .timeline-event-meta {
  color: #8E85A8 !important;
}

/* Now marker */
[data-theme="light"] .timeline-now-pill {
  background: #7C3AED !important;
  color: #F0EDFF !important;
}

/* Timeline empty */
[data-theme="light"] .timeline-empty {
  color: #8E85A8 !important;
}


/* ═════════════════════════════════════════════════════════════
   LIGHT MODE — Milestones & Goal
   ═════════════════════════════════════════════════════════════ */

/* Section titles — standard heading color, not warning/success */
[data-theme="light"] .mn-section__title {
  color: #1A1533 !important;
}
[data-theme="light"] .mn-section__title.text-warning {
  color: #1A1533 !important;
}
[data-theme="light"] .mn-section__title.text-success {
  color: #1A1533 !important;
}

/* Milestone cards */
[data-theme="light"] .ms-card {
  background: #FDFCFE !important;
  border-color: rgba(91,81,121,0.12) !important;
  color: #1A1533 !important;
  box-shadow: 0 1px 3px rgba(91,81,121,0.08) !important;
}
[data-theme="light"] .ms-title {
  color: #1A1533 !important;
}
[data-theme="light"] .ms-meta {
  color: #8E85A8 !important;
}
[data-theme="light"] .ms-desc {
  color: #5B5179 !important;
}

/* Milestone journey line */
[data-theme="light"] .ms-journey::before {
  background: linear-gradient(180deg, rgba(91,81,121,0.08), rgba(91,81,121,0.16), rgba(91,81,121,0.08)) !important;
}

/* Milestone nodes */
[data-theme="light"] .ms-node {
  background: #C4B5FD !important;
  box-shadow: 0 0 0 3px rgba(124,58,246,0.12) !important;
}
[data-theme="light"] .ms-node-goal {
  background: linear-gradient(135deg, #FEF3C7, #F59E0B) !important;
  border-color: rgba(245,158,11,0.50) !important;
  box-shadow: 0 0 0 3px rgba(245,158,11,0.12) !important;
  color: #78350F !important;
}

/* Goal card — subtle amber tint, no pulsing effects */
[data-theme="light"] .goal-card {
  background: linear-gradient(135deg, #FFFBEB, #FEF3C7) !important;
  border: 1px solid rgba(245,158,11,0.30) !important;
  box-shadow: 0 4px 12px rgba(91,81,121,0.10) !important;
}
[data-theme="light"] .goal-card:hover {
  border-color: rgba(245,158,11,0.45) !important;
  box-shadow: 0 8px 24px rgba(91,81,121,0.12) !important;
}
[data-theme="light"] .goal-card::before {
  display: none !important;
}
[data-theme="light"] .goal-card::after {
  display: none !important;
}
[data-theme="light"] .goal-card .goal-title {
  color: #1A1533 !important;
  -webkit-text-fill-color: #1A1533 !important;
  text-shadow: none !important;
}
[data-theme="light"] .goal-card .goal-chip {
  background: rgba(245,158,11,0.10) !important;
  border: 1px solid rgba(245,158,11,0.25) !important;
  color: #78350F !important;
  box-shadow: none !important;
}
[data-theme="light"] .goal-card .goal-arrow {
  color: #D97706 !important;
}
[data-theme="light"] .goal-level-line {
  color: #5B5179 !important;
}
[data-theme="light"] .goal-card.goal-achieved {
  background: linear-gradient(135deg, #F0FDF4, #D1FAE5) !important;
  border-color: rgba(16,185,129,0.30) !important;
  box-shadow: 0 4px 12px rgba(91,81,121,0.10) !important;
}
[data-theme="light"] .goal-card.goal-achieved .goal-chip {
  background: rgba(16,185,129,0.10) !important;
  border-color: rgba(16,185,129,0.25) !important;
  color: #065F46 !important;
}

/* ms-goal-card (inside milestone journey) */
[data-theme="light"] .ms-goal-card {
  background: #FDFCFE !important;
  border-color: rgba(124,58,246,0.18) !important;
  box-shadow: 0 1px 3px rgba(91,81,121,0.08) !important;
}
[data-theme="light"] .ms-goal-card .goal-title {
  color: #1A1533 !important;
  -webkit-text-fill-color: #1A1533 !important;
  text-shadow: none !important;
}

/* Milestone completed badge */
[data-theme="light"] .ms-completed {
  background: #D1FAE5 !important;
  color: #065F46 !important;
  border-color: rgba(16,185,129,0.25) !important;
}

/* Goal history */
[data-theme="light"] .goal-history-toggle {
  background: rgba(91,81,121,0.05) !important;
  border-color: rgba(91,81,121,0.12) !important;
  color: #5B5179 !important;
}
[data-theme="light"] .goal-history-toggle:hover {
  background: rgba(91,81,121,0.08) !important;
  color: #1A1533 !important;
}
[data-theme="light"] .goal-history-panel {
  background: #FDFCFE !important;
  border-color: rgba(91,81,121,0.12) !important;
  color: #5B5179 !important;
  box-shadow: 0 8px 24px rgba(91,81,121,0.12) !important;
}

/* Goal complete button */
[data-theme="light"] .goal-card .goal-complete-btn {
  background: linear-gradient(135deg, #8B5CF6, #6366F1) !important;
  color: #F0EDFF !important;
  box-shadow: 0 4px 12px rgba(124,58,246,0.25) !important;
}

/* Goal congrats overlay */
[data-theme="light"] .goal-congrats {
  background: rgba(253,252,254,0.88) !important;
  backdrop-filter: blur(6px) !important;
}
[data-theme="light"] .goal-congrats-inner h3 {
  color: #78350F !important;
}
[data-theme="light"] .goal-congrats-inner p {
  color: #5B5179 !important;
}

/* Goal reset button */
[data-theme="light"] .goal-reset-btn {
  background: rgba(91,81,121,0.05) !important;
  border-color: rgba(91,81,121,0.12) !important;
  color: #5B5179 !important;
}


/* ═════════════════════════════════════════════════════════════
   LIGHT MODE — Weekly Study Time / Bar Chart
   ═════════════════════════════════════════════════════════════ */

/* Session card — kill teal gradient, use card bg */
[data-theme="light"] .session-card {
  background: #F6F4FB !important;
  border: 1px solid rgba(91,81,121,0.12) !important;
  box-shadow: 0 4px 12px rgba(91,81,121,0.10) !important;
}

/* Weekly chart gridlines */
[data-theme="light"] .wc-gridline {
  border-bottom-color: rgba(91,81,121,0.06) !important;
}
[data-theme="light"] .wc-yaxis {
  color: #8E85A8 !important;
}
[data-theme="light"] .wc-day-label {
  color: #8E85A8 !important;
}
[data-theme="light"] .wc-day-label.wc-label-today {
  color: #10B981 !important;
}

/* Bar chart — keep green accent */
[data-theme="light"] .wc-bar {
  background: linear-gradient(180deg, #34d399 0%, #10B981 60%, #059669 100%) !important;
  border-color: rgba(16,185,129,0.30) !important;
  box-shadow: none !important;
}
[data-theme="light"] .wc-bar.wc-today {
  background: linear-gradient(180deg, #6ee7b7 0%, #34d399 60%, #10B981 100%) !important;
  border-color: rgba(16,185,129,0.45) !important;
  box-shadow: none !important;
}

/* Target line */
[data-theme="light"] .wc-target-line {
  border-top-color: rgba(245,158,11,0.35) !important;
}
[data-theme="light"] .wc-target-label {
  color: #D97706 !important;
}

/* Tooltip */
[data-theme="light"] #mnHeatTip {
  background: #FDFCFE !important;
  color: #1A1533 !important;
  border-color: rgba(91,81,121,0.12) !important;
  box-shadow: 0 8px 24px rgba(91,81,121,0.12) !important;
}

/* Range/pager buttons */
[data-theme="light"] .hm-range-btn {
  background: rgba(91,81,121,0.05) !important;
  border-color: rgba(91,81,121,0.12) !important;
  color: #5B5179 !important;
}
[data-theme="light"] .hm-range-btn:hover {
  background: rgba(91,81,121,0.08) !important;
  color: #1A1533 !important;
}

/* Session list link button */
[data-theme="light"] .btn-outline-success {
  color: #10B981 !important;
  border-color: rgba(16,185,129,0.35) !important;
}
[data-theme="light"] .btn-outline-success:hover {
  background: #D1FAE5 !important;
  color: #065F46 !important;
}

/* Pager */
[data-theme="light"] .mn-pager .page-link {
  background: #FDFCFE !important;
  border-color: rgba(91,81,121,0.12) !important;
  color: #5B5179 !important;
  backdrop-filter: none !important;
}


/* ═════════════════════════════════════════════════════════════
   LIGHT MODE — Assignments Page
   ═════════════════════════════════════════════════════════════ */

/* Override assignments-specific CSS variables */
[data-theme="light"] .assignments-shell {
  --as-bg-1: #F6F4FB;
  --as-bg-2: #F6F4FB;
  --as-surface: #F6F4FB;
  --as-surface-strong: #FDFCFE;
  --as-surface-soft: #FDFCFE;
  --as-border: rgba(91,81,121,0.12);
  --as-border-soft: rgba(91,81,121,0.08);
  --as-text: #1A1533;
  --as-text-muted: #5B5179;
  --as-text-subtle: #8E85A8;
  --as-shadow-shell: 0 4px 12px rgba(91,81,121,0.10);
  --as-shadow-card: 0 1px 3px rgba(91,81,121,0.08);
  color: #1A1533;
}

/* Hero — card bg */
[data-theme="light"] .assignments-page-hero {
  background: #F6F4FB !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 4px 12px rgba(91,81,121,0.10) !important;
}
[data-theme="light"] .assignments-page-title {
  color: #1A1533 !important;
}
[data-theme="light"] .assignments-page-sub {
  color: #5B5179 !important;
}

/* Study chip */
[data-theme="light"] .as-study-chip {
  border-color: rgba(124,58,246,0.18) !important;
  background: #EDE9FE !important;
}
[data-theme="light"] .as-study-chip:hover {
  border-color: rgba(124,58,246,0.35) !important;
  box-shadow: 0 0 0 3px rgba(124,58,246,0.08) !important;
  background: rgba(124,58,246,0.12) !important;
}
[data-theme="light"] .as-study-chip i {
  color: #7C3AED !important;
}
[data-theme="light"] .as-study-chip-label {
  color: #5B5179 !important;
}
[data-theme="light"] .as-study-chip-value {
  color: #7C3AED !important;
}
/* Completed state — green */
[data-theme="light"] .as-study-chip.is-completed {
  border-color: rgba(16,185,129,0.25) !important;
  background: #D1FAE5 !important;
}
[data-theme="light"] .as-study-chip.is-completed:hover {
  border-color: rgba(16,185,129,0.40) !important;
  box-shadow: 0 0 0 3px rgba(16,185,129,0.08) !important;
}
[data-theme="light"] .as-study-chip.is-completed i {
  color: #10B981 !important;
}
[data-theme="light"] .as-study-chip.is-completed .as-study-chip-value {
  color: #065F46 !important;
}
[data-theme="light"] .as-study-chip.is-completed .as-study-chip-label {
  color: #065F46 !important;
}

/* Streak card */
[data-theme="light"] .assignments-hero-streak {
  background: #FDFCFE !important;
  border-color: rgba(91,81,121,0.12) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 1px 3px rgba(91,81,121,0.08) !important;
}
[data-theme="light"] .as-streak-header {
  color: #8E85A8 !important;
}
[data-theme="light"] .as-streak-help {
  background: rgba(91,81,121,0.05) !important;
  border-color: rgba(91,81,121,0.12) !important;
  color: #8E85A8 !important;
}
[data-theme="light"] .as-streak-help:hover {
  border-color: rgba(124,58,246,0.35) !important;
  color: #7C3AED !important;
  box-shadow: none !important;
}
[data-theme="light"] .as-streak-value {
  color: #1A1533 !important;
}
[data-theme="light"] .as-streak-count {
  color: #D97706 !important;
}
[data-theme="light"] .as-streak-sub {
  color: #5B5179 !important;
}
[data-theme="light"] .as-streak-meta {
  color: #8E85A8 !important;
}

/* Streak & study modals */
[data-theme="light"] .as-streak-modal .modal-content,
[data-theme="light"] .as-study-modal .modal-content {
  background: #FDFCFE !important;
  border-color: rgba(91,81,121,0.12) !important;
  color: #1A1533 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
[data-theme="light"] .as-streak-modal .modal-header,
[data-theme="light"] .as-study-modal .modal-header {
  border-bottom-color: rgba(91,81,121,0.08) !important;
}
[data-theme="light"] .as-streak-modal .modal-footer,
[data-theme="light"] .as-study-modal .modal-footer {
  border-top-color: rgba(91,81,121,0.08) !important;
}
[data-theme="light"] .as-streak-modal .modal-title,
[data-theme="light"] .as-study-modal .modal-title {
  color: #1A1533 !important;
}
[data-theme="light"] .as-streak-modal .btn-close,
[data-theme="light"] .as-study-modal .btn-close {
  filter: none !important;
}
[data-theme="light"] .as-streak-modal li {
  color: #5B5179 !important;
}

/* Integration card */
[data-theme="light"] .assignments-integration {
  background: #F6F4FB !important;
  border-color: rgba(91,81,121,0.12) !important;
  box-shadow: 0 1px 3px rgba(91,81,121,0.08) !important;
}
[data-theme="light"] .assignments-integration h2 {
  color: #1A1533 !important;
}
[data-theme="light"] .assignments-integration p {
  color: #5B5179 !important;
}

/* Assignment sections */
[data-theme="light"] .assignments-section {
  background: #F6F4FB !important;
  border-color: rgba(91,81,121,0.12) !important;
  box-shadow: 0 4px 12px rgba(91,81,121,0.10) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
[data-theme="light"] .assignments-head h2 {
  color: #1A1533 !important;
}
[data-theme="light"] .section-label {
  color: #8E85A8 !important;
}

/* Assignment cards — elevated bg */
[data-theme="light"] .assignment-card {
  background: #FDFCFE !important;
  border-color: rgba(91,81,121,0.10) !important;
  box-shadow: 0 1px 3px rgba(91,81,121,0.06) !important;
}
[data-theme="light"] .assignment-card:hover {
  border-color: rgba(91,81,121,0.22) !important;
  background: #FDFCFE !important;
  box-shadow: 0 4px 12px rgba(91,81,121,0.10) !important;
}
[data-theme="light"] .assignment-title {
  color: #1A1533 !important;
}
[data-theme="light"] .assignment-desc {
  color: #5B5179 !important;
}

/* Chips inside assignments */
[data-theme="light"] .assignments-shell .chip {
  background: rgba(91,81,121,0.05) !important;
  border-color: rgba(91,81,121,0.12) !important;
  color: #5B5179 !important;
}
[data-theme="light"] .chip--source {
  background: #DBEAFE !important;
  border-color: rgba(59,130,246,0.22) !important;
  color: #1E40AF !important;
}

/* Metric row pills */
[data-theme="light"] .metric-row span {
  background: rgba(91,81,121,0.04) !important;
  border-color: rgba(91,81,121,0.08) !important;
  color: #8E85A8 !important;
}
[data-theme="light"] .metric-row .time-spent-label {
  color: #1A1533 !important;
}

/* Start / action button — stays blue (matches dark mode hue) */
[data-theme="light"] .start-btn,
[data-theme="light"] .action-btn {
  background: #3B82F6 !important;
  border-color: transparent !important;
  color: #F0EDFF !important;
  box-shadow: 0 4px 12px rgba(59,130,246,0.25) !important;
}
[data-theme="light"] .start-btn:hover,
[data-theme="light"] .action-btn:hover {
  box-shadow: 0 8px 24px rgba(59,130,246,0.30) !important;
}

/* Assignment menu (three-dot) */
[data-theme="light"] .assignment-menu-trigger {
  background: #FDFCFE !important;
  border-color: rgba(91,81,121,0.12) !important;
  color: #5B5179 !important;
}
[data-theme="light"] .assignment-menu-trigger:hover {
  border-color: rgba(124,58,246,0.22) !important;
  background: #EDE9FE !important;
  box-shadow: none !important;
  color: #7C3AED !important;
}
[data-theme="light"] .assignment-menu {
  background: #FDFCFE !important;
  border-color: rgba(91,81,121,0.12) !important;
  box-shadow: 0 8px 24px rgba(91,81,121,0.12) !important;
}
[data-theme="light"] .assignment-menu-btn {
  color: #5B5179 !important;
}
[data-theme="light"] .assignment-menu-btn:hover {
  background: #EDE9FE !important;
  color: #1A1533 !important;
}
[data-theme="light"] .assignment-menu-btn--danger {
  color: #EF4444 !important;
}
[data-theme="light"] .assignment-menu-btn--danger:hover {
  background: #FEE2E2 !important;
  color: #EF4444 !important;
}

/* Empty card */
[data-theme="light"] .empty-card {
  border-color: rgba(91,81,121,0.16) !important;
  background: transparent !important;
  color: #8E85A8 !important;
}

/* Completed assignment card */
[data-theme="light"] .assignment-card.completed-card {
  background: rgba(16,185,129,0.05) !important;
  border-color: rgba(16,185,129,0.18) !important;
}
[data-theme="light"] .assignment-card.completed-card:hover {
  border-color: rgba(16,185,129,0.30) !important;
}
[data-theme="light"] .completed-stack {
  border-top-color: rgba(16,185,129,0.15) !important;
}
[data-theme="light"] .completed-chip {
  background: #D1FAE5 !important;
  border-color: rgba(16,185,129,0.22) !important;
  color: #065F46 !important;
}
[data-theme="light"] .completed-meta {
  color: #8E85A8 !important;
}

/* Submit chip */
[data-theme="light"] .submit-chip {
  background: linear-gradient(135deg, #8B5CF6, #6366F1, #22D3EE) !important;
  border-color: transparent !important;
  color: #F0EDFF !important;
}
[data-theme="light"] .submit-chip.submitted {
  background: #D1FAE5 !important;
  border-color: rgba(16,185,129,0.25) !important;
  color: #065F46 !important;
}

/* Finish submit button */
[data-theme="light"] .finish-submit-btn {
  background: rgba(91,81,121,0.05) !important;
  border-color: rgba(91,81,121,0.12) !important;
  color: #5B5179 !important;
}
[data-theme="light"] .finish-submit-btn:hover {
  background: #EDE9FE !important;
  border-color: rgba(124,58,246,0.22) !important;
  color: #7C3AED !important;
  box-shadow: none !important;
}

/* Assignments note */
[data-theme="light"] .assignments-note {
  background: #FDFCFE !important;
  border-color: rgba(91,81,121,0.08) !important;
  color: #5B5179 !important;
}


/* ═════════════════════════════════════════════════════════════
   LIGHT MODE — Shared modal overrides (mn-modal)
   ═════════════════════════════════════════════════════════════ */

[data-theme="light"] .mn-modal-card,
[data-theme="light"] .mn-modal-panel {
  background: #FDFCFE !important;
  border-color: rgba(91,81,121,0.12) !important;
  color: #1A1533 !important;
  box-shadow: 0 8px 24px rgba(91,81,121,0.12) !important;
}
[data-theme="light"] .mn-label {
  color: #5B5179 !important;
}
[data-theme="light"] .mn-input,
[data-theme="light"] .mn-textarea {
  background: #FDFCFE !important;
  border-color: rgba(91,81,121,0.18) !important;
  color: #1A1533 !important;
}
[data-theme="light"] .mn-input:focus,
[data-theme="light"] .mn-textarea:focus {
  border-color: rgba(124,58,246,0.40) !important;
  box-shadow: 0 0 0 3px rgba(124,58,246,0.10) !important;
}
[data-theme="light"] .mn-input::placeholder,
[data-theme="light"] .mn-textarea::placeholder {
  color: #8E85A8 !important;
}
[data-theme="light"] .mn-btn-primary {
  background: linear-gradient(135deg, #8B5CF6, #6366F1) !important;
  color: #F0EDFF !important;
  border-color: transparent !important;
}
[data-theme="light"] .mn-btn-ghost {
  background: transparent !important;
  color: #5B5179 !important;
  border-color: rgba(91,81,121,0.12) !important;
}
[data-theme="light"] .mn-btn-danger {
  background: #FEE2E2 !important;
  color: #EF4444 !important;
}
[data-theme="light"] .mn-priority-option {
  border-color: rgba(91,81,121,0.12) !important;
  background: transparent !important;
  color: #5B5179 !important;
}


/* ═════════════════════════════════════════════════════════════
   LIGHT MODE — Text / Bootstrap utility overrides
   ═════════════════════════════════════════════════════════════ */

[data-theme="light"] .text-white {
  color: #1A1533 !important;
}
[data-theme="light"] .text-white-50 {
  color: #8E85A8 !important;
}
[data-theme="light"] .text-info {
  color: #7C3AED !important;
}
[data-theme="light"] .text-warning {
  color: #D97706 !important;
}
[data-theme="light"] .text-success {
  color: #10B981 !important;
}
[data-theme="light"] .text-secondary {
  color: #5B5179 !important;
}

/* Generic gradient buttons → solid purple */
[data-theme="light"] .btn-grad {
  background: linear-gradient(135deg, #8B5CF6, #6366F1, #22D3EE) !important;
  color: #F0EDFF !important;
}

/* Bio section */
[data-theme="light"] .bio-glass {
  background: #F6F4FB !important;
  border-color: rgba(91,81,121,0.12) !important;
}
[data-theme="light"] .bio-body {
  color: #5B5179 !important;
}

/* Connections modal */
[data-theme="light"] .connections-modal .connections-dialog {
  background: #FDFCFE !important;
  color: #1A1533 !important;
}
[data-theme="light"] .connections-name {
  color: #1A1533 !important;
}
[data-theme="light"] .connections-goal {
  color: #8E85A8 !important;
}

/* Visitor hero */
[data-theme="light"] .hero-visitor-view .hero-owner-center .owner-name {
  color: #1A1533 !important;
}
[data-theme="light"] .hero-connect-btn {
  background: #7C3AED !important;
  color: #F0EDFF !important;
}
[data-theme="light"] .hero-chat-btn {
  border-color: rgba(91,81,121,0.12) !important;
  color: #5B5179 !important;
}


/* ═════════════════════════════════════════════════════════════
   LIGHT MODE — Navbar & base inline-style variable overrides
   ═════════════════════════════════════════════════════════════ */

[data-theme="light"] {
  --nav-bg: rgba(246,244,251,0.92);
  --nav-border: rgba(91,81,121,0.10);
  --text: #1A1533;
  --muted: #8E85A8;
  --card-bg: #F6F4FB;
  --shadow: 0 4px 12px rgba(91,81,121,0.10);
}

/* Profile page scoped color variables */
[data-theme="light"] {
  --mn-shadow: 0 4px 12px rgba(91,81,121,0.10);
  --mn-border: 1px solid rgba(91,81,121,0.12);
  --mn-red-bg: #FEE2E2;
  --mn-red-chip: #FECDD3;
  --mn-red-text: #991B1B;
  --mn-amber-bg: #FEF3C7;
  --mn-amber-chip: #FDE68A;
  --mn-amber-text: #92400E;
  --mn-green-bg: #D1FAE5;
  --mn-green-chip: #A7F3D0;
  --mn-green-text: #166534;
  --mn-blue-bg: #DBEAFE;
  --mn-blue-chip: #BFDBFE;
  --mn-blue-text: #1E40AF;
}


/* ═════════════════════════════════════════════════════════════
   LIGHT MODE — Settings page (for the theme toggle itself)
   ═════════════════════════════════════════════════════════════ */

[data-theme="light"] .settings-shell {
  background: #F6F4FB !important;
  border-color: rgba(91,81,121,0.12) !important;
  box-shadow: 0 8px 24px rgba(91,81,121,0.12) !important;
}
[data-theme="light"] .settings-card {
  background: #FDFCFE !important;
  border-color: rgba(91,81,121,0.12) !important;
  box-shadow: 0 1px 3px rgba(91,81,121,0.08) !important;
}
[data-theme="light"] .settings-card h5 {
  color: #1A1533 !important;
}
[data-theme="light"] .settings-card p {
  color: #5B5179 !important;
}
[data-theme="light"] .settings-language {
  background: #FDFCFE !important;
  border-color: rgba(91,81,121,0.12) !important;
  box-shadow: none !important;
}
[data-theme="light"] .settings-language-title {
  color: #1A1533 !important;
}
[data-theme="light"] .settings-lang-switcher {
  background: #F6F4FB !important;
  border-color: rgba(91,81,121,0.14) !important;
}
[data-theme="light"] .settings-lang-option {
  color: #5B5179 !important;
}
[data-theme="light"] .settings-lang-option:hover {
  background: rgba(91,81,121,0.08) !important;
  color: #1A1533 !important;
}
[data-theme="light"] .settings-lang-option.is-active {
  color: #F0EDFF !important;
}
[data-theme="light"] .settings-row {
  background: rgba(91,81,121,0.04) !important;
  border-color: rgba(91,81,121,0.08) !important;
}
[data-theme="light"] .settings-row .row-label {
  color: #5B5179 !important;
}
[data-theme="light"] .settings-row .row-sub {
  color: #8E85A8 !important;
}
[data-theme="light"] .settings-toggle input[type="checkbox"] {
  background: rgba(91,81,121,0.10) !important;
  border-color: rgba(91,81,121,0.18) !important;
}
[data-theme="light"] .settings-toggle input[type="checkbox"]::before {
  background: #E3DFF0 !important;
}
[data-theme="light"] .settings-toggle input[type="checkbox"]:checked {
  background: linear-gradient(125deg, #7C3AED, #06B6D4) !important;
  border-color: rgba(124,58,246,0.5) !important;
}
[data-theme="light"] .settings-toggle input[type="checkbox"]:checked::before {
  background: #F0EDFF !important;
}
[data-theme="light"] .theme-switch-label {
  color: #5B5179 !important;
}

/* Settings header */
[data-theme="light"] .settings-header-main h2 {
  color: #1A1533 !important;
}
[data-theme="light"] .settings-nav a {
  color: #5B5179 !important;
  border-color: rgba(91,81,121,0.14) !important;
  background: #FDFCFE !important;
}
[data-theme="light"] .settings-nav a:hover {
  border-color: rgba(124,58,246,0.35) !important;
  color: #7C3AED !important;
}

/* Privacy mode options */
[data-theme="light"] .privacy-mode-option {
  background: rgba(91,81,121,0.03) !important;
  border-color: rgba(91,81,121,0.12) !important;
}
[data-theme="light"] .privacy-mode-option:hover {
  border-color: rgba(124,58,246,0.30) !important;
  background: rgba(124,58,246,0.04) !important;
}
[data-theme="light"] .privacy-mode-option.is-selected {
  border-color: rgba(124,58,246,0.50) !important;
  background: #EDE9FE !important;
}
[data-theme="light"] .privacy-mode-title {
  color: #1A1533 !important;
}
[data-theme="light"] .privacy-mode-copy {
  color: #5B5179 !important;
}

/* Notification preferences */
[data-theme="light"] .notification-prefs-section {
  background: #F6F4FB !important;
  border-color: rgba(91,81,121,0.12) !important;
  box-shadow: 0 4px 12px rgba(91,81,121,0.10) !important;
}
[data-theme="light"] .notification-prefs-head h4 {
  color: #1A1533 !important;
}
[data-theme="light"] .notification-prefs-head p {
  color: #5B5179 !important;
}
[data-theme="light"] .notification-pref-row {
  background: #FDFCFE !important;
  border-color: rgba(91,81,121,0.10) !important;
}
[data-theme="light"] .notification-pref-title strong {
  color: #1A1533 !important;
}
[data-theme="light"] .notification-pref-title span {
  color: #5B5179 !important;
}
[data-theme="light"] .notification-row-toggle {
  color: #5B5179 !important;
}
[data-theme="light"] .notification-channel-item {
  background: #FDFCFE !important;
  border-color: rgba(91,81,121,0.10) !important;
}

/* Save button (mn-cta) */
[data-theme="light"] .mn-cta {
  background: linear-gradient(135deg, #8B5CF6, #6366F1, #22D3EE) !important;
  color: #F0EDFF !important;
}

/* Security section */
[data-theme="light"] .security-shell {
  background: #F6F4FB !important;
  border-color: rgba(91,81,121,0.12) !important;
  box-shadow: 0 8px 24px rgba(91,81,121,0.12) !important;
}