/* ═══════════════════════════════════════════════════════════════
   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 ──
   Reads from --page-bg (defined in theme.css, Warm Cream in light mode). */
html[data-theme="light"],
html[data-theme="light"] body {
  background: var(--page-bg) !important;
  background-color: var(--page-bg) !important;
  color: var(--text-primary) !important;
}

/* ── Global wrapper tokens (fixes dark-purple wrapper bleeding through in light mode) ──
   base.html paints `<main class="mn-main app-container">` and all .container* with
   `background: var(--mn-global-bg) !important`. Without overriding the token itself,
   those wrappers stay dark even when body switches. Override the legacy tokens here
   to flow through the new theme API so switching themes stays automatic. */
html[data-theme="light"],
html[data-theme="light"] :root,
[data-theme="light"] :root,
[data-theme="light"] {
  --mn-global-bg: var(--page-bg);
  --mn-surface: var(--card-bg);
  --mn-surface-soft: var(--card-bg);
  --mn-surface-alt: var(--surface-bg);
  --mn-surface-subtle: color-mix(in srgb, var(--surface-bg) 4%, transparent);
  --mn-glass-bg: var(--card-bg);
  --mn-glass-border: var(--border-color);
  --mn-border: var(--border-color);
  --mn-border-strong: var(--border-hover);
  --mn-shadow-sm: var(--shadow-md);
}

/* ── Force every global wrapper that reads --mn-global-bg to the unified page bg,
   even when an inline base.html rule using the same token would otherwise bleed
   the dark purple fallback. ── */
html[data-theme="light"] body,
html[data-theme="light"] .mn-main,
html[data-theme="light"] .mn-main.app-container,
html[data-theme="light"] .app-container,
html[data-theme="light"] .mn-page,
html[data-theme="light"] .container,
html[data-theme="light"] .container-xxl,
html[data-theme="light"] .container-xl,
html[data-theme="light"] .container-lg,
html[data-theme="light"] .container-md,
html[data-theme="light"] .container-sm,
html[data-theme="light"] .aurora-bg{
  background: var(--page-bg) !important;
  background-color: var(--page-bg) !important;
}

/* ── Sidebar ── */
[data-theme="light"] .mn-desktop-sidebar {
  background: var(--surface-main) !important;
  border-color: var(--border-color) !important;
  box-shadow: var(--shadow-md);
  backdrop-filter: none !important;
}
[data-theme="light"] .mn-desktop-link {
  background: color-mix(in srgb, var(--surface-violet) 72%, transparent) !important;
  border-color: var(--border-color) !important;
  color: var(--text-secondary) !important;
}
[data-theme="light"] .mn-desktop-link:not(.mn-desktop-signout-btn):hover {
  background: color-mix(in srgb, var(--surface-blue) 72%, transparent) !important;
  border-color: var(--border-hover) !important;
}
[data-theme="light"] .mn-desktop-link.is-active {
  background: var(--surface-violet) !important;
  border-color: var(--border-strong) !important;
  box-shadow: var(--shadow-sm);
}
[data-theme="light"] .mn-desktop-link .mn-sidebar-icon {
  color: var(--text-secondary) !important;
}
[data-theme="light"] .mn-desktop-link:hover .mn-sidebar-icon,
[data-theme="light"] .mn-desktop-link.is-active .mn-sidebar-icon {
  color: var(--primary) !important;
}
[data-theme="light"] .mn-desktop-divider {
  background: color-mix(in srgb, var(--primary) 10%, transparent) !important;
}
[data-theme="light"] .mn-desktop-more-toggle {
  background: color-mix(in srgb, var(--surface-violet) 72%, transparent) !important;
  border-color: var(--border-color) !important;
}
[data-theme="light"] .mn-desktop-sublink {
  background: color-mix(in srgb, var(--surface-blue) 68%, transparent) !important;
  color: var(--text-secondary) !important;
}
[data-theme="light"] .mn-desktop-submenu {
  border-left-color: var(--border-color) !important;
}
[data-theme="light"] .mn-desktop-sidebar-edge-toggle {
  color: var(--text-muted) !important;
}
[data-theme="light"] .mn-desktop-sidebar-edge-toggle:hover {
  color: var(--text-secondary) !important;
}
[data-theme="light"] .mn-sidebar-icon {
  color: var(--text-secondary);
}
[data-theme="light"] .mn-desktop-signout-btn {
  color: var(--danger) !important;
}
[data-theme="light"] .mn-desktop-signout-btn:hover {
  background: color-mix(in srgb, var(--danger) 6%, transparent) !important;
}
[data-theme="light"] .app-sidebar {
  background: var(--surface-main) !important;
  border-color: var(--border-color) !important;
}

/* ── Navbar ── */
[data-theme="light"] .mn-header {
  background: color-mix(in srgb, var(--card-bg) 96%, transparent) !important;
  border-bottom-color: var(--border-color) !important;
  backdrop-filter: blur(12px) !important;
}
[data-theme="light"] .mn-home {
  background: color-mix(in srgb, var(--surface-violet) 72%, transparent) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}
[data-theme="light"] .mn-menu-trigger {
  background: color-mix(in srgb, var(--surface-violet) 72%, transparent) !important;
  border-color: var(--border-color) !important;
  color: var(--text-secondary) !important;
}
[data-theme="light"] .mn-menu-trigger:hover {
  box-shadow: 0 0 0 4px var(--shadow-md) !important;
}
[data-theme="light"] .mn-icon-btn {
  color: var(--text-secondary) !important;
  border-color: var(--border-color) !important;
  background: color-mix(in srgb, var(--surface-violet) 72%, transparent) !important;
}
[data-theme="light"] .mn-icon-btn:hover {
  color: var(--primary) !important;
  border-color: color-mix(in srgb, var(--border-hover) 22%, transparent) !important;
  background: color-mix(in srgb, var(--primary-light) 6%, transparent) !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: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
  border-color: var(--border-color) !important;
  box-shadow: var(--shadow-md);
  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: var(--text-primary) !important;
  color: var(--text-primary) !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: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-md);
}
[data-theme="light"] .momentum-card:hover {
  border-color: color-mix(in srgb, var(--border-hover) 22%, transparent) !important;
  box-shadow: var(--shadow-sm);
}
/* Tier-specific momentum cards — subtle tinted backgrounds */
[data-theme="light"] .momentum-card.tier-bronze,
[data-theme="light"] .momentum-card.streak-tier-bronze {
  background: var(--card-bg) !important;
  border: 1px solid color-mix(in srgb, var(--warning) 25%, transparent) !important;
  animation: none !important;
  box-shadow: var(--shadow-md);
}
[data-theme="light"] .momentum-card.tier-silver,
[data-theme="light"] .momentum-card.streak-tier-silver {
  background: var(--card-bg) !important;
  border: 1px solid color-mix(in srgb, var(--info) 25%, transparent) !important;
  animation: none !important;
  box-shadow: var(--shadow-md);
}
[data-theme="light"] .momentum-card.tier-gold,
[data-theme="light"] .momentum-card.streak-tier-gold {
  background: var(--card-bg) !important;
  border: 1px solid color-mix(in srgb, var(--warning) 30%, transparent) !important;
  animation: none !important;
  box-shadow: var(--shadow-sm);
}
[data-theme="light"] .momentum-card.tier-diamond,
[data-theme="light"] .momentum-card.streak-tier-diamond {
  background: var(--card-bg) !important;
  border: 1px solid color-mix(in srgb, var(--border-color) 25%, transparent) !important;
  animation: none !important;
  box-shadow: var(--shadow-sm);
}
[data-theme="light"] .momentum-card.streak-tier-amethyst {
  background: var(--card-bg) !important;
  border: 1px solid color-mix(in srgb, var(--border-color) 25%, transparent) !important;
  animation: none !important;
  box-shadow: var(--shadow-sm);
}
[data-theme="light"] .momentum-card .momentum-value {
  color: var(--text-primary) !important;
}
[data-theme="light"] .momentum-card .momentum-label {
  color: var(--text-muted) !important;
}
[data-theme="light"] .momentum-card .momentum-icon {
  color: var(--text-secondary) !important;
}

/* Tier badges — keep gradients, brighter lifted versions */
[data-theme="light"] .tier-badge {
  box-shadow: var(--shadow-sm);
}
[data-theme="light"] .tier-badge::before {
  display: none !important;
}
[data-theme="light"] .tier-badge .tb-label {
  color: var(--text-primary) !important;
}
/* Bronze tier badge */
[data-theme="light"] .tier-badge.chip-bronze .tb-icon {
  color: var(--accent) !important;
  background: var(--accent-light) !important;
  box-shadow: none !important;
}
[data-theme="light"] .tier-badge.chip-bronze .tb-label {
  color: var(--accent) !important;
}
/* Silver tier badge */
[data-theme="light"] .tier-badge.chip-silver .tb-icon {
  color: var(--info) !important;
  background: var(--page-bg) !important;
  box-shadow: none !important;
}
[data-theme="light"] .tier-badge.chip-silver .tb-label {
  color: var(--info) !important;
}
/* Gold tier badge — warm amber gradient */
[data-theme="light"] .tier-badge.chip-gold .tb-icon {
  color: var(--accent) !important;
  background: linear-gradient(135deg, var(--accent-light), var(--accent-light)) !important;
  box-shadow: none !important;
}
[data-theme="light"] .tier-badge.chip-gold .tb-label {
  color: var(--accent) !important;
}
/* Diamond tier badge — bright blue gradient */
[data-theme="light"] .tier-badge.chip-diamond .tb-icon {
  color: var(--primary-light) !important;
  background: linear-gradient(135deg, var(--card-bg), var(--info)) !important;
  box-shadow: none !important;
}
[data-theme="light"] .tier-badge.chip-diamond .tb-label {
  color: var(--primary-light) !important;
}
/* None tier */
[data-theme="light"] .tier-badge-none {
  opacity: .5;
}
[data-theme="light"] .tier-badge-none .tb-icon {
  color: var(--text-muted) !important;
  background: color-mix(in srgb, var(--primary) 6%, transparent) !important;
  box-shadow: none !important;
}

/* Tier metrics row */
[data-theme="light"] .tier-metric {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  color: var(--text-secondary) !important;
}
[data-theme="light"] .tier-metric i {
  color: var(--accent) !important;
}

/* Connection chip */
[data-theme="light"] .connection-chip {
  background: color-mix(in srgb, var(--primary) 5%, transparent) !important;
  border-color: var(--border-color) !important;
  color: var(--text-secondary) !important;
}

/* Level badge */
[data-theme="light"] .level-badge {
  background: var(--accent-light) !important;
  color: var(--accent) !important;
  border-color: color-mix(in srgb, var(--warning) 30%, transparent) !important;
}

/* XP rail */
[data-theme="light"] .xp-rail {
  background: color-mix(in srgb, var(--primary) 8%, transparent) !important;
}

/* Chips (generic) */
[data-theme="light"] .chip {
  background: color-mix(in srgb, var(--primary) 5%, transparent) !important;
  border-color: var(--border-color) !important;
  color: var(--text-secondary) !important;
  backdrop-filter: none !important;
}
[data-theme="light"] .chip-soft {
  background: color-mix(in srgb, var(--primary) 4%, transparent) !important;
  border-color: var(--border-color) !important;
  color: var(--text-secondary) !important;
}

/* Interest / achievement icons */
[data-theme="light"] .interest-bulb-icon {
  color: var(--accent) !important;
  text-shadow: none !important;
}
[data-theme="light"] .achievement-icon {
  color: var(--accent) !important;
  text-shadow: none !important;
}
[data-theme="light"] .achievement-btn {
  background: var(--accent-light) !important;
  color: var(--accent) !important;
  border-color: color-mix(in srgb, var(--warning) 25%, transparent) !important;
}

/* Hero owner toggle button */
[data-theme="light"] .hero-owner-toggle {
  background: color-mix(in srgb, var(--primary) 5%, transparent) !important;
  border-color: var(--border-color) !important;
  color: var(--text-secondary) !important;
}
[data-theme="light"] .hero-owner-toggle:hover {
  background: color-mix(in srgb, var(--primary) 8%, transparent) !important;
  color: var(--text-primary) !important;
}

/* Profile cards (card-g) — beats inline style="background:gradient" via !important */
[data-theme="light"] .card-g {
  background: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-md);
}

/* First session card */
[data-theme="light"] .first-session-card {
  background: var(--card-bg) !important;
  border-color: color-mix(in srgb, var(--success) 30%, transparent) !important;
}
[data-theme="light"] .first-session-card-title {
  color: var(--success) !important;
}
[data-theme="light"] .first-session-card-sub {
  color: var(--text-secondary) !important;
}

/* Targeted profile refresh — layered light treatment without global spillover */
[data-theme="light"] [data-profile-owner] .hero-student {
  background:
    radial-gradient(circle at 12% 6%, color-mix(in srgb, var(--surface-violet) 54%, transparent), transparent 44%),
    radial-gradient(circle at 88% 2%, color-mix(in srgb, var(--surface-blue-soft) 46%, transparent), transparent 42%),
    var(--profile-shell-bg) !important;
  border-color: var(--profile-panel-border) !important;
  box-shadow: var(--profile-panel-shadow), inset 0 1px 0 color-mix(in srgb, var(--card-bg) 72%, transparent) !important;
}
[data-theme="light"] [data-profile-owner] .student-name {
  background: linear-gradient(52deg, var(--primary-deep) 0%, var(--primary) 46%, var(--violet) 78%, var(--blue-accent) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
[data-theme="light"] [data-profile-owner] .hero-student .momentum-card {
  border-color: var(--border-color) !important;
  box-shadow: var(--shadow-sm) !important;
}
[data-theme="light"] [data-profile-owner] .hero-student .momentum-card.studied-today {
  background: linear-gradient(152deg, color-mix(in srgb, var(--card-bg) 86%, var(--surface-blue-soft)) 0%, color-mix(in srgb, var(--card-bg) 84%, var(--surface-violet)) 100%) !important;
  border-color: var(--border-color) !important;
}
[data-theme="light"] [data-profile-owner] .hero-student .momentum-card.streak-tile {
  background: var(--soft-amber-panel) !important;
  border-color: var(--border-amber) !important;
}
[data-theme="light"] [data-profile-owner] .hero-student .momentum-card .momentum-value {
  color: var(--text-primary) !important;
}
[data-theme="light"] [data-profile-owner] .hero-student .momentum-card .momentum-label {
  color: var(--text-secondary) !important;
}
[data-theme="light"] [data-profile-owner] .hero-student .momentum-card .momentum-icon {
  background: color-mix(in srgb, var(--card-bg) 84%, var(--surface-main)) !important;
}
[data-theme="light"] [data-profile-owner] .hero-student .momentum-card.streak-tile .momentum-icon i {
  color: var(--amber-deep) !important;
  text-shadow: none !important;
  filter: none !important;
}
[data-theme="light"] [data-profile-owner] .first-session-card {
  background: var(--soft-mint-panel) !important;
  border-color: var(--border-mint) !important;
  box-shadow: var(--shadow-md) !important;
}
[data-theme="light"] [data-profile-owner] .first-session-card-title {
  color: var(--mint-deep) !important;
}
[data-theme="light"] [data-profile-owner] .first-session-card-sub {
  color: var(--text-secondary) !important;
}
[data-theme="light"] [data-profile-owner] .card-g {
  background: var(--profile-card-bg) !important;
  border: 1px solid var(--profile-panel-border) !important;
  box-shadow: var(--profile-panel-shadow) !important;
}
[data-theme="light"] [data-profile-owner] #milestones > .card-g {
  background: var(--profile-card-violet) !important;
  border-color: var(--border-violet) !important;
}
[data-theme="light"] [data-profile-owner] .timeline-panel {
  background: linear-gradient(165deg, color-mix(in srgb, var(--card-bg) 88%, var(--surface-violet)), color-mix(in srgb, var(--card-bg) 84%, var(--surface-blue-soft))) !important;
  border-color: var(--border-violet) !important;
  box-shadow: var(--profile-panel-shadow) !important;
}
[data-theme="light"] [data-profile-owner] .timeline-panel-title {
  color: var(--text-primary) !important;
}
[data-theme="light"] [data-profile-owner] .timeline-panel-range {
  color: var(--text-secondary) !important;
}
[data-theme="light"] [data-profile-owner] .timeline-calendar-link {
  background: color-mix(in srgb, var(--surface-violet) 66%, var(--card-bg)) !important;
  border-color: var(--border-violet) !important;
  color: var(--primary) !important;
}
[data-theme="light"] [data-profile-owner] .timeline-calendar-link:hover {
  background: var(--brand-gradient) !important;
  color: var(--text-on-brand) !important;
}
[data-theme="light"] [data-profile-owner] .timeline-band {
  background: linear-gradient(180deg, color-mix(in srgb, var(--surface-violet) 36%, var(--card-bg)), color-mix(in srgb, var(--surface-blue-soft) 32%, var(--card-bg))) !important;
  border-top-color: var(--border-soft) !important;
  border-bottom-color: var(--border-soft) !important;
}
[data-theme="light"] [data-profile-owner] .timeline-hour-label {
  color: var(--text-secondary) !important;
}
[data-theme="light"] [data-profile-owner] .timeline-hour-tick {
  background: color-mix(in srgb, var(--border-violet) 42%, transparent) !important;
}
[data-theme="light"] [data-profile-owner] .timeline-now-pill {
  background: var(--brand-gradient) !important;
  color: var(--text-on-brand) !important;
}
[data-theme="light"] [data-profile-owner] .ms-card {
  background: color-mix(in srgb, var(--card-bg) 84%, var(--surface-violet)) !important;
  border-color: var(--border-soft) !important;
  color: var(--text-primary) !important;
}
[data-theme="light"] [data-profile-owner] .ms-meta {
  color: var(--text-secondary) !important;
}
[data-theme="light"] [data-profile-owner] .ms-card.ms-card-chasing {
  background: color-mix(in srgb, var(--surface-violet) 62%, var(--card-bg)) !important;
  border-color: var(--border-violet) !important;
  box-shadow: var(--shadow-sm) !important;
}
[data-theme="light"] [data-profile-owner] .ms-badge.ms-chasing {
  background: color-mix(in srgb, var(--surface-violet) 64%, var(--card-bg)) !important;
  border-color: var(--border-violet) !important;
  color: var(--primary) !important;
}
[data-theme="light"] [data-profile-owner] .ms-goal-card {
  background: var(--soft-amber-panel) !important;
  border-color: var(--border-amber) !important;
  box-shadow: var(--shadow-md) !important;
}
[data-theme="light"] [data-profile-owner] .goal-card .goal-chip {
  background: color-mix(in srgb, var(--surface-violet) 48%, var(--card-bg)) !important;
  border-color: var(--border-soft) !important;
  color: var(--text-secondary) !important;
}
[data-theme="light"] [data-profile-owner] .goal-card .goal-chip.goal-value {
  background: color-mix(in srgb, var(--surface-amber) 56%, var(--card-bg)) !important;
  border-color: var(--border-amber) !important;
  color: var(--text-primary) !important;
}
[data-theme="light"] [data-profile-owner] .goal-level-line {
  color: var(--text-secondary) !important;
}
[data-theme="light"] [data-profile-owner] .goal-card.goal-achieved {
  background: var(--soft-mint-panel) !important;
  border-color: var(--border-mint) !important;
}
[data-theme="light"] [data-profile-owner] .session-card {
  background: var(--profile-card-mint) !important;
  border-color: var(--border-mint) !important;
  box-shadow: var(--profile-panel-shadow) !important;
}
[data-theme="light"] [data-profile-owner] .wc-gridline {
  border-bottom-color: var(--border-soft) !important;
}
[data-theme="light"] [data-profile-owner] .wc-target-line {
  border-top-color: color-mix(in srgb, var(--amber) 52%, transparent) !important;
}
[data-theme="light"] [data-profile-owner] .wc-target-label {
  color: var(--amber-deep) !important;
}


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

[data-theme="light"] .timeline-toggle {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
  box-shadow: var(--shadow-md);
  color: var(--text-primary) !important;
}
[data-theme="light"] .timeline-toggle.is-active {
  border-color: color-mix(in srgb, var(--border-color) 35%, transparent) !important;
  box-shadow: 0 4px 12px var(--shadow-md) !important;
}
[data-theme="light"] .timeline-toggle-icon {
  background: var(--surface-bg) !important;
  color: var(--primary) !important;
  box-shadow: none !important;
}
[data-theme="light"] .timeline-toggle-sub {
  color: var(--text-muted) !important;
}
[data-theme="light"] .timeline-toggle-chevron {
  color: var(--text-muted) !important;
}

[data-theme="light"] .timeline-panel {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
  box-shadow: var(--shadow-md);
}
[data-theme="light"] .timeline-panel-title {
  color: var(--text-primary) !important;
}
[data-theme="light"] .timeline-panel-range {
  color: var(--text-muted) !important;
}
[data-theme="light"] .timeline-calendar-link {
  color: var(--primary) !important;
  border-color: color-mix(in srgb, var(--border-color) 22%, transparent) !important;
  background: color-mix(in srgb, var(--primary-light) 6%, transparent) !important;
}
[data-theme="light"] .timeline-calendar-link:hover {
  background: color-mix(in srgb, var(--primary-light) 12%, transparent) !important;
  color: var(--primary) !important;
  box-shadow: none !important;
}

/* Timeline band/track */
[data-theme="light"] .timeline-band {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
}
[data-theme="light"] .timeline-grid {
  border-color: var(--border-color) !important;
}
[data-theme="light"] .timeline-hour-label {
  color: var(--text-muted) !important;
}
[data-theme="light"] .timeline-hour-tick {
  background: color-mix(in srgb, var(--primary) 8%, transparent) !important;
}

/* Timeline events */
[data-theme="light"] .timeline-event {
  border-color: color-mix(in srgb, var(--border-color) 18%, transparent) !important;
  background: color-mix(in srgb, var(--primary-light) 6%, transparent) !important;
}
[data-theme="light"] .timeline-event--mentor {
  border-color: color-mix(in srgb, var(--border-color) 22%, transparent) !important;
  background: var(--card-bg) !important;
}
[data-theme="light"] .timeline-event--solo {
  border-color: color-mix(in srgb, var(--info) 22%, transparent) !important;
  background: var(--card-bg) !important;
}
[data-theme="light"] .timeline-event--duo {
  border-color: color-mix(in srgb, var(--success) 22%, transparent) !important;
  background: var(--card-bg) !important;
}
[data-theme="light"] .timeline-event-title {
  color: var(--text-primary) !important;
}
[data-theme="light"] .timeline-event-time {
  color: var(--text-secondary) !important;
}
[data-theme="light"] .timeline-event-meta {
  color: var(--text-muted) !important;
}

/* Now marker */
[data-theme="light"] .timeline-now-pill {
  background: var(--primary) !important;
  color: var(--text-on-primary) !important;
}

/* Timeline empty */
[data-theme="light"] .timeline-empty {
  color: var(--text-muted) !important;
}


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

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

/* Milestone cards */
[data-theme="light"] .ms-card {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
  box-shadow: var(--shadow-md);
}
[data-theme="light"] .ms-title {
  color: var(--text-primary) !important;
}
[data-theme="light"] .ms-meta {
  color: var(--text-muted) !important;
}
[data-theme="light"] .ms-desc {
  color: var(--text-secondary) !important;
}

/* Milestone journey line */
[data-theme="light"] .ms-journey::before {
  background: linear-gradient(180deg, color-mix(in srgb, var(--primary) 8%, transparent), color-mix(in srgb, var(--primary) 16%, transparent), color-mix(in srgb, var(--primary) 8%, transparent)) !important;
}

/* Milestone nodes */
[data-theme="light"] .ms-node {
  background: var(--primary-light) !important;
  box-shadow: 0 0 0 3px var(--shadow-md) !important;
}
[data-theme="light"] .ms-node-goal {
  background: linear-gradient(135deg, var(--accent-light), var(--accent-light)) !important;
  border-color: color-mix(in srgb, var(--warning) 50%, transparent) !important;
  box-shadow: 0 0 0 3px var(--shadow-md) !important;
  color: var(--accent) !important;
}

/* Goal card — subtle amber tint, no pulsing effects */
[data-theme="light"] .goal-card {
  background: linear-gradient(135deg, var(--card-bg), var(--accent-light)) !important;
  border: 1px solid color-mix(in srgb, var(--warning) 30%, transparent) !important;
  box-shadow: var(--shadow-sm);
}
[data-theme="light"] .goal-card:hover {
  border-color: color-mix(in srgb, var(--warning) 45%, transparent) !important;
  box-shadow: var(--shadow-md);
}
[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: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
  text-shadow: none !important;
}
[data-theme="light"] .goal-card .goal-chip {
  background: color-mix(in srgb, var(--accent-light) 10%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--warning) 25%, transparent) !important;
  color: var(--accent) !important;
  box-shadow: none !important;
}
[data-theme="light"] .goal-card .goal-arrow {
  color: var(--accent) !important;
}
[data-theme="light"] .goal-level-line {
  color: var(--text-secondary) !important;
}
[data-theme="light"] .goal-card.goal-achieved {
  background: linear-gradient(135deg, var(--card-bg), var(--card-bg)) !important;
  border-color: color-mix(in srgb, var(--success) 30%, transparent) !important;
  box-shadow: var(--shadow-sm);
}
[data-theme="light"] .goal-card.goal-achieved .goal-chip {
  background: color-mix(in srgb, var(--success) 10%, transparent) !important;
  border-color: color-mix(in srgb, var(--success) 25%, transparent) !important;
  color: var(--success) !important;
}

/* ms-goal-card (inside milestone journey) */
[data-theme="light"] .ms-goal-card {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
  box-shadow: var(--shadow-md);
}
[data-theme="light"] .ms-goal-card .goal-title {
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
  text-shadow: none !important;
}

/* Milestone completed badge */
[data-theme="light"] .ms-completed {
  background: var(--card-bg) !important;
  color: var(--success) !important;
  border-color: color-mix(in srgb, var(--success) 25%, transparent) !important;
}

/* Goal history */
[data-theme="light"] .goal-history-toggle {
  background: color-mix(in srgb, var(--primary) 5%, transparent) !important;
  border-color: var(--border-color) !important;
  color: var(--text-secondary) !important;
}
[data-theme="light"] .goal-history-toggle:hover {
  background: color-mix(in srgb, var(--primary) 8%, transparent) !important;
  color: var(--text-primary) !important;
}
[data-theme="light"] .goal-history-panel {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
  color: var(--text-secondary) !important;
  box-shadow: var(--shadow-lg);
}

/* Goal complete button */
[data-theme="light"] .goal-card .goal-complete-btn {
  background: var(--primary-gradient);
  color: var(--text-on-primary) !important;
  box-shadow: 0 4px 12px var(--shadow-md) !important;
}

/* Goal congrats overlay */
[data-theme="light"] .goal-congrats {
  background: color-mix(in srgb, var(--card-bg) 88%, transparent) !important;
  backdrop-filter: blur(6px) !important;
}
[data-theme="light"] .goal-congrats-inner h3 {
  color: var(--accent) !important;
}
[data-theme="light"] .goal-congrats-inner p {
  color: var(--text-secondary) !important;
}

/* Goal reset button */
[data-theme="light"] .goal-reset-btn {
  background: color-mix(in srgb, var(--primary) 5%, transparent) !important;
  border-color: var(--border-color) !important;
  color: var(--text-secondary) !important;
}


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

/* Session card — kill teal gradient, use card bg */
[data-theme="light"] .session-card {
  background: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-md);
}

/* Weekly chart gridlines */
[data-theme="light"] .wc-gridline {
  border-bottom-color: var(--border-color) !important;
}
[data-theme="light"] .wc-yaxis {
  color: var(--text-muted) !important;
}
[data-theme="light"] .wc-day-label {
  color: var(--text-muted) !important;
}
[data-theme="light"] .wc-day-label.wc-label-today {
  color: var(--success) !important;
}

/* Bar chart — keep green accent */
[data-theme="light"] .wc-bar {
  background: linear-gradient(180deg, var(--success) 0%, var(--success) 60%, var(--success) 100%) !important;
  border-color: color-mix(in srgb, var(--success) 30%, transparent) !important;
  box-shadow: none !important;
}
[data-theme="light"] .wc-bar.wc-today {
  background: linear-gradient(180deg, var(--success) 0%, var(--success) 60%, var(--success) 100%) !important;
  border-color: color-mix(in srgb, var(--success) 45%, transparent) !important;
  box-shadow: none !important;
}

/* Target line */
[data-theme="light"] .wc-target-line {
  border-top-color: color-mix(in srgb, var(--warning) 35%, transparent) !important;
}
[data-theme="light"] .wc-target-label {
  color: var(--accent) !important;
}

/* Tooltip */
[data-theme="light"] #mnHeatTip {
  background: var(--card-bg) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
  box-shadow: var(--shadow-lg);
}

/* Range/pager buttons */
[data-theme="light"] .hm-range-btn {
  background: color-mix(in srgb, var(--primary) 5%, transparent) !important;
  border-color: var(--border-color) !important;
  color: var(--text-secondary) !important;
}
[data-theme="light"] .hm-range-btn:hover {
  background: color-mix(in srgb, var(--primary) 8%, transparent) !important;
  color: var(--text-primary) !important;
}

/* Session list link button */
[data-theme="light"] .btn-outline-success {
  color: var(--success) !important;
  border-color: color-mix(in srgb, var(--success) 35%, transparent) !important;
}
[data-theme="light"] .btn-outline-success:hover {
  background: var(--card-bg) !important;
  color: var(--success) !important;
}

/* Pager */
[data-theme="light"] .mn-pager .page-link {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
  color: var(--text-secondary) !important;
  backdrop-filter: none !important;
}


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

/* Override assignments-specific CSS variables */
[data-theme="light"] .assignments-shell {
  --as-bg-1: var(--card-bg);
  --as-bg-2: var(--card-bg);
  --as-surface: var(--card-bg);
  --as-surface-strong: var(--card-bg);
  --as-surface-soft: var(--card-bg);
  --as-border: color-mix(in srgb, var(--primary) 12%, transparent);
  --as-border-soft: color-mix(in srgb, var(--primary) 8%, transparent);
  --as-text: var(--primary);
  --as-text-muted: var(--primary);
  --as-text-subtle: var(--primary-light);
  --as-shadow-shell: 0 4px 12px var(--primary);
  --as-shadow-card: 0 1px 3px var(--primary);
  color: var(--text-primary);
}

/* Hero — card bg */
[data-theme="light"] .assignments-page-hero {
  background: var(--card-bg) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: var(--shadow-md);
}
[data-theme="light"] .assignments-page-title {
  color: var(--text-primary) !important;
}
[data-theme="light"] .assignments-page-sub {
  color: var(--text-secondary) !important;
}

/* Study chip */
[data-theme="light"] .as-study-chip {
  border-color: color-mix(in srgb, var(--border-color) 18%, transparent) !important;
  background: var(--card-bg) !important;
}
[data-theme="light"] .as-study-chip:hover {
  border-color: color-mix(in srgb, var(--border-hover) 35%, transparent) !important;
  box-shadow: 0 0 0 3px var(--shadow-md) !important;
  background: color-mix(in srgb, var(--primary-light) 12%, transparent) !important;
}
[data-theme="light"] .as-study-chip i {
  color: var(--primary) !important;
}
[data-theme="light"] .as-study-chip-label {
  color: var(--text-secondary) !important;
}
[data-theme="light"] .as-study-chip-value {
  color: var(--primary) !important;
}
/* Completed state — green */
[data-theme="light"] .as-study-chip.is-completed {
  border-color: color-mix(in srgb, var(--success) 25%, transparent) !important;
  background: var(--card-bg) !important;
}
[data-theme="light"] .as-study-chip.is-completed:hover {
  border-color: color-mix(in srgb, var(--success) 40%, transparent) !important;
  box-shadow: 0 0 0 3px var(--shadow-md) !important;
}
[data-theme="light"] .as-study-chip.is-completed i {
  color: var(--success) !important;
}
[data-theme="light"] .as-study-chip.is-completed .as-study-chip-value {
  color: var(--success) !important;
}
[data-theme="light"] .as-study-chip.is-completed .as-study-chip-label {
  color: var(--success) !important;
}

/* Streak card */
[data-theme="light"] .assignments-hero-streak {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: var(--shadow-md);
}
[data-theme="light"] .as-streak-header {
  color: var(--text-muted) !important;
}
[data-theme="light"] .as-streak-help {
  background: color-mix(in srgb, var(--primary) 5%, transparent) !important;
  border-color: var(--border-color) !important;
  color: var(--text-muted) !important;
}
[data-theme="light"] .as-streak-help:hover {
  border-color: color-mix(in srgb, var(--border-hover) 35%, transparent) !important;
  color: var(--primary) !important;
  box-shadow: none !important;
}
[data-theme="light"] .as-streak-value {
  color: var(--text-primary) !important;
}
[data-theme="light"] .as-streak-count {
  color: var(--accent) !important;
}
[data-theme="light"] .as-streak-sub {
  color: var(--text-secondary) !important;
}
[data-theme="light"] .as-streak-meta {
  color: var(--text-muted) !important;
}

/* Streak & study modals */
[data-theme="light"] .as-streak-modal .modal-content,
[data-theme="light"] .as-study-modal .modal-content {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !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: var(--border-color) !important;
}
[data-theme="light"] .as-streak-modal .modal-footer,
[data-theme="light"] .as-study-modal .modal-footer {
  border-top-color: var(--border-color) !important;
}
[data-theme="light"] .as-streak-modal .modal-title,
[data-theme="light"] .as-study-modal .modal-title {
  color: var(--text-primary) !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: var(--text-secondary) !important;
}

/* Integration card */
[data-theme="light"] .assignments-integration {
  background: var(--surface-main) !important;
  border-color: var(--border-color) !important;
  box-shadow: var(--shadow-md);
}
[data-theme="light"] .assignments-integration h2 {
  color: var(--text-primary) !important;
}
[data-theme="light"] .assignments-integration p {
  color: var(--text-secondary) !important;
}

/* Assignment sections */
[data-theme="light"] .assignments-section {
  background: var(--surface-main) !important;
  border-color: var(--border-color) !important;
  box-shadow: var(--shadow-md);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
[data-theme="light"] .assignments-head h2 {
  color: var(--text-primary) !important;
}
[data-theme="light"] .section-label {
  color: var(--text-muted) !important;
}

/* Assignment cards — elevated bg */
[data-theme="light"] .assignment-card {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
  box-shadow: var(--shadow-md);
}
[data-theme="light"] .assignment-card:hover {
  border-color: var(--border-hover) !important;
  background: color-mix(in srgb, var(--surface-violet) 36%, var(--card-bg)) !important;
  box-shadow: var(--shadow-md);
}
[data-theme="light"] .assignment-title {
  color: var(--text-primary) !important;
}
[data-theme="light"] .assignment-desc {
  color: var(--text-secondary) !important;
}

/* Chips inside assignments */
[data-theme="light"] .assignments-shell .chip {
  background: color-mix(in srgb, var(--surface-violet) 78%, transparent) !important;
  border-color: var(--border-color) !important;
  color: var(--text-secondary) !important;
}
[data-theme="light"] .chip--source {
  background: color-mix(in srgb, var(--surface-blue) 80%, transparent) !important;
  border-color: color-mix(in srgb, var(--info) 35%, transparent) !important;
  color: var(--primary) !important;
}

/* Metric row pills */
[data-theme="light"] .metric-row span {
  background: color-mix(in srgb, var(--surface-violet) 72%, transparent) !important;
  border-color: var(--border-color) !important;
  color: var(--text-muted) !important;
}
[data-theme="light"] .metric-row .time-spent-label {
  color: var(--text-primary) !important;
}

/* Start / action button — stays blue (matches dark mode hue) */
[data-theme="light"] .start-btn,
[data-theme="light"] .action-btn {
  background: var(--info) !important;
  border-color: transparent !important;
  color: var(--text-on-primary) !important;
  box-shadow: 0 4px 12px var(--shadow-md) !important;
}
[data-theme="light"] .start-btn:hover,
[data-theme="light"] .action-btn:hover {
  box-shadow: 0 8px 24px var(--shadow-md) !important;
}

/* Assignment menu (three-dot) */
[data-theme="light"] .assignment-menu-trigger {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
  color: var(--text-secondary) !important;
}
[data-theme="light"] .assignment-menu-trigger:hover {
  border-color: color-mix(in srgb, var(--border-hover) 22%, transparent) !important;
  background: var(--card-bg) !important;
  box-shadow: none !important;
  color: var(--primary) !important;
}
[data-theme="light"] .assignment-menu {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
  box-shadow: var(--shadow-lg);
}
[data-theme="light"] .assignment-menu-btn {
  color: var(--text-secondary) !important;
}
[data-theme="light"] .assignment-menu-btn:hover {
  background: var(--card-bg) !important;
  color: var(--text-primary) !important;
}
[data-theme="light"] .assignment-menu-btn--danger {
  color: var(--danger) !important;
}
[data-theme="light"] .assignment-menu-btn--danger:hover {
  background: var(--card-bg) !important;
  color: var(--danger) !important;
}

/* Empty card */
[data-theme="light"] .empty-card {
  border-color: var(--border-color) !important;
  background: transparent !important;
  color: var(--text-muted) !important;
}

/* Completed assignment card */
[data-theme="light"] .assignment-card.completed-card {
  background: color-mix(in srgb, var(--success) 5%, transparent) !important;
  border-color: color-mix(in srgb, var(--success) 18%, transparent) !important;
}
[data-theme="light"] .assignment-card.completed-card:hover {
  border-color: color-mix(in srgb, var(--success) 30%, transparent) !important;
}
[data-theme="light"] .completed-stack {
  border-top-color: color-mix(in srgb, var(--success) 15%, transparent) !important;
}
[data-theme="light"] .completed-chip {
  background: var(--card-bg) !important;
  border-color: color-mix(in srgb, var(--success) 22%, transparent) !important;
  color: var(--success) !important;
}
[data-theme="light"] .completed-meta {
  color: var(--text-muted) !important;
}

/* Submit chip */
[data-theme="light"] .submit-chip {
  background: var(--primary-gradient);
  border-color: transparent !important;
  color: var(--text-on-primary) !important;
}
[data-theme="light"] .submit-chip.submitted {
  background: var(--card-bg) !important;
  border-color: color-mix(in srgb, var(--success) 25%, transparent) !important;
  color: var(--success) !important;
}

/* Finish submit button */
[data-theme="light"] .finish-submit-btn {
  background: color-mix(in srgb, var(--surface-violet) 72%, transparent) !important;
  border-color: var(--border-color) !important;
  color: var(--text-secondary) !important;
}
[data-theme="light"] .finish-submit-btn:hover {
  background: color-mix(in srgb, var(--surface-blue) 74%, transparent) !important;
  border-color: var(--border-hover) !important;
  color: var(--primary) !important;
  box-shadow: none !important;
}

/* Assignments note */
[data-theme="light"] .assignments-note {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
  color: var(--text-secondary) !important;
}


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

[data-theme="light"] .mn-modal-card,
[data-theme="light"] .mn-modal-panel {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
  box-shadow: var(--shadow-lg);
}
[data-theme="light"] .mn-label {
  color: var(--text-secondary) !important;
}
[data-theme="light"] .mn-input,
[data-theme="light"] .mn-textarea {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}
[data-theme="light"] .mn-input:focus,
[data-theme="light"] .mn-textarea:focus {
  border-color: color-mix(in srgb, var(--border-hover) 40%, transparent) !important;
  box-shadow: 0 0 0 3px var(--shadow-md) !important;
}
[data-theme="light"] .mn-input::placeholder,
[data-theme="light"] .mn-textarea::placeholder {
  color: var(--text-muted) !important;
}
[data-theme="light"] .mn-btn-primary {
  background: var(--primary-gradient);
  color: var(--text-on-primary) !important;
  border-color: transparent !important;
}
[data-theme="light"] .mn-btn-ghost {
  background: transparent !important;
  color: var(--text-secondary) !important;
  border-color: var(--border-color) !important;
}
[data-theme="light"] .mn-btn-danger {
  background: var(--card-bg) !important;
  color: var(--danger) !important;
}
[data-theme="light"] .mn-priority-option {
  border-color: var(--border-color) !important;
  background: transparent !important;
  color: var(--text-secondary) !important;
}


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

[data-theme="light"] .text-white {
  color: var(--text-primary) !important;
}
[data-theme="light"] .text-white-50 {
  color: var(--text-muted) !important;
}
[data-theme="light"] .text-info {
  color: var(--primary) !important;
}
[data-theme="light"] .text-warning {
  color: var(--accent) !important;
}
[data-theme="light"] .text-success {
  color: var(--success) !important;
}
[data-theme="light"] .text-secondary {
  color: var(--text-secondary) !important;
}

/* Generic gradient buttons → solid purple */
[data-theme="light"] .btn-grad {
  background: var(--primary-gradient);
  color: var(--text-on-primary) !important;
}

/* Bio section */
[data-theme="light"] .bio-glass {
  background: var(--page-bg) !important;
  border-color: var(--border-color) !important;
}
[data-theme="light"] .bio-body {
  color: var(--text-secondary) !important;
}

/* Connections modal */
[data-theme="light"] .connections-modal .connections-dialog {
  background: var(--card-bg) !important;
  color: var(--text-primary) !important;
}
[data-theme="light"] .connections-name {
  color: var(--text-primary) !important;
}
[data-theme="light"] .connections-goal {
  color: var(--text-muted) !important;
}

/* Visitor hero */
[data-theme="light"] .hero-visitor-view .hero-owner-center .owner-name {
  color: var(--text-primary) !important;
}
[data-theme="light"] .hero-connect-btn {
  background: var(--primary) !important;
  color: var(--text-on-primary) !important;
}
[data-theme="light"] .hero-chat-btn {
  border-color: var(--border-color) !important;
  color: var(--text-secondary) !important;
}


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

[data-theme="light"] {
  --nav-bg: color-mix(in srgb, var(--card-bg) 92%, transparent);
  --nav-border: color-mix(in srgb, var(--primary) 10%, transparent);
  --text: var(--primary);
  --muted: var(--primary-light);
  --card-bg: var(--card-bg);
  --shadow: 0 4px 12px var(--shadow-md);
}

/* Profile page scoped color variables */
[data-theme="light"] {
  --mn-shadow: 0 4px 12px var(--shadow-md);
  --mn-border: 1px solid color-mix(in srgb, var(--primary) 12%, transparent);
  --mn-red-bg: var(--card-bg);
  --mn-red-chip: var(--danger);
  --mn-red-text: var(--danger);
  --mn-amber-bg: var(--accent-light);
  --mn-amber-chip: var(--accent-light);
  --mn-amber-text: var(--accent);
  --mn-green-bg: var(--card-bg);
  --mn-green-chip: var(--success);
  --mn-green-text: var(--success);
  --mn-blue-bg: var(--card-bg);
  --mn-blue-chip: var(--info);
  --mn-blue-text: var(--primary-light);
}


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

[data-theme="light"] .settings-shell {
  background: var(--page-bg) !important;
  border-color: var(--border-color) !important;
  box-shadow: var(--shadow-md);
}
[data-theme="light"] .settings-card {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
  box-shadow: var(--shadow-md);
}
[data-theme="light"] .settings-card h5 {
  color: var(--text-primary) !important;
}
[data-theme="light"] .settings-card p {
  color: var(--text-secondary) !important;
}
[data-theme="light"] .settings-language {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
  box-shadow: none !important;
}
[data-theme="light"] .settings-language-title {
  color: var(--text-primary) !important;
}
[data-theme="light"] .settings-lang-switcher {
  background: var(--page-bg) !important;
  border-color: var(--border-color) !important;
}
[data-theme="light"] .settings-lang-option {
  color: var(--text-secondary) !important;
}
[data-theme="light"] .settings-lang-option:hover {
  background: color-mix(in srgb, var(--primary) 8%, transparent) !important;
  color: var(--text-primary) !important;
}
[data-theme="light"] .settings-lang-option.is-active {
  color: var(--text-on-primary) !important;
}
[data-theme="light"] .settings-row {
  background: color-mix(in srgb, var(--primary) 4%, transparent) !important;
  border-color: var(--border-color) !important;
}
[data-theme="light"] .settings-row .row-label {
  color: var(--text-secondary) !important;
}
[data-theme="light"] .settings-row .row-sub {
  color: var(--text-muted) !important;
}
[data-theme="light"] .settings-toggle input[type="checkbox"] {
  background: color-mix(in srgb, var(--primary) 10%, transparent) !important;
  border-color: var(--border-color) !important;
}
[data-theme="light"] .settings-toggle input[type="checkbox"]::before {
  background: var(--page-bg) !important;
}
[data-theme="light"] .settings-toggle input[type="checkbox"]:checked {
  background: var(--primary-gradient);
  border-color: color-mix(in srgb, var(--border-color) 50%, transparent) !important;
}
[data-theme="light"] .settings-toggle input[type="checkbox"]:checked::before {
  background: var(--card-bg) !important;
}
[data-theme="light"] .theme-switch-label {
  color: var(--text-secondary) !important;
}

/* Settings header */
[data-theme="light"] .settings-header-main h2 {
  color: var(--text-primary) !important;
}
[data-theme="light"] .settings-nav a {
  color: var(--text-secondary) !important;
  border-color: var(--border-color) !important;
  background: var(--card-bg) !important;
}
[data-theme="light"] .settings-nav a:hover {
  border-color: color-mix(in srgb, var(--border-hover) 35%, transparent) !important;
  color: var(--primary) !important;
}

/* Privacy mode options */
[data-theme="light"] .privacy-mode-option {
  background: color-mix(in srgb, var(--primary) 3%, transparent) !important;
  border-color: var(--border-color) !important;
}
[data-theme="light"] .privacy-mode-option:hover {
  border-color: color-mix(in srgb, var(--border-hover) 30%, transparent) !important;
  background: color-mix(in srgb, var(--primary-light) 4%, transparent) !important;
}
[data-theme="light"] .privacy-mode-option.is-selected {
  border-color: color-mix(in srgb, var(--border-color) 50%, transparent) !important;
  background: var(--card-bg) !important;
}
[data-theme="light"] .privacy-mode-title {
  color: var(--text-primary) !important;
}
[data-theme="light"] .privacy-mode-copy {
  color: var(--text-secondary) !important;
}

/* Notification preferences */
[data-theme="light"] .notification-prefs-section {
  background: var(--page-bg) !important;
  border-color: var(--border-color) !important;
  box-shadow: var(--shadow-sm);
}
[data-theme="light"] .notification-prefs-head h4 {
  color: var(--text-primary) !important;
}
[data-theme="light"] .notification-prefs-head p {
  color: var(--text-secondary) !important;
}
[data-theme="light"] .notification-pref-row {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
}
[data-theme="light"] .notification-pref-title strong {
  color: var(--text-primary) !important;
}
[data-theme="light"] .notification-pref-title span {
  color: var(--text-secondary) !important;
}
[data-theme="light"] .notification-row-toggle {
  color: var(--text-secondary) !important;
}
[data-theme="light"] .notification-channel-item {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
}

/* Save button (mn-cta) */
[data-theme="light"] .mn-cta {
  background: var(--primary-gradient);
  color: var(--text-on-primary) !important;
}

/* Security section */
[data-theme="light"] .security-shell {
  background: var(--page-bg) !important;
  border-color: var(--border-color) !important;
  box-shadow: var(--shadow-md);
}