/* ═══════════════════════════════════════════════════════
   LIGHT THEME OVERRIDES
   Applied when html[data-theme="light"]
   ═══════════════════════════════════════════════════════ */

html[data-theme="light"] {
  color-scheme: light;
  /* Override shared CSS variables used across all pages */
  --dark: #0b0a1a;
  --muted: rgba(11,10,26,0.5);
  --border: #e4e5f0;
  --bg: #f7f8fc;
  --card: #fff;
  --purple: #1db840;
  --grad1: linear-gradient(135deg,#1db840 0%,#7fff3a 60%,#a8f030 100%);
  --success: #38a169;
  --error: #e53e3e;
  /* index.html specific vars */
  --white: #fff;
  --bg2: #f0f1f8;
  --dark2: #e9e5f5;
  /* nexa-hero override: change dark bg variable to light gradient */
  --nexa-dark: linear-gradient(135deg, #f0f2ff 0%, #e8ecff 50%, #f5f0ff 100%);
}

/* ── BASE ── */
html[data-theme="light"] body {
  background: #f7f8fc !important;
  color: #0b0a1a !important;
  font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif !important;
}

/* ── NAV ── */
html[data-theme="light"] nav {
  background: rgba(255,255,255,0.96) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-bottom: 1.5px solid rgba(29,184,64,0.18) !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.06) !important;
}
html[data-theme="light"] .logo { color: #0b0a1a !important; }
html[data-theme="light"] .user-pill {
  background: #fff !important;
  border-color: #e4e5f0 !important;
  color: #0b0a1a !important;
}
html[data-theme="light"] .btn-logout,
html[data-theme="light"] .btn-nav {
  border-color: #e4e5f0 !important;
  color: #6b6e8a !important;
}
html[data-theme="light"] .btn-logout:hover,
html[data-theme="light"] .btn-nav:hover {
  border-color: #bbb !important;
  color: #0b0a1a !important;
}
html[data-theme="light"] .hamburger-btn span { background: #0b0a1a !important; }

/* FREE badge inside user-pill (inline style) */
html[data-theme="light"] .user-pill span[style] {
  background: #f1f2f7 !important;
  border: 1px solid #d8dae8 !important;
  color: #6b6e8a !important;
}

/* ── THEME TOGGLE BUTTON ── */
html[data-theme="light"] .theme-toggle-btn {
  border-color: #e4e5f0 !important;
  background: #fff !important;
}
html[data-theme="light"] .theme-toggle-btn:hover {
  border-color: #bbb !important;
  background: #f7f8fc !important;
}

/* ── SIDEBAR ── */
html[data-theme="light"] .sidebar {
  background: #fff !important;
  border-right-color: #e4e5f0 !important;
}
html[data-theme="light"] .sidebar-label { color: #bbb !important; }
html[data-theme="light"] .sidebar-link { color: #6b6e8a !important; }
html[data-theme="light"] .sidebar-link:hover {
  background: #f7f8fc !important;
  color: #0b0a1a !important;
}
html[data-theme="light"] .sidebar-link.active {
  background: linear-gradient(135deg,rgba(29,184,64,.1),rgba(127,255,58,.06)) !important;
  color: #1db840 !important;
}

/* ── CARDS / SECTIONS ── */
html[data-theme="light"] .card,
html[data-theme="light"] .gen-card,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .status-card,
html[data-theme="light"] .videos-section,
html[data-theme="light"] .video-card,
html[data-theme="light"] .panel-wrap,
html[data-theme="light"] .tools-bar,
html[data-theme="light"] .timeline-wrap,
html[data-theme="light"] .upload-zone {
  background: #fff !important;
  border-color: #e4e5f0 !important;
}
html[data-theme="light"] .video-card:hover {
  border-color: rgba(29,184,64,.35) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.12) !important;
}
html[data-theme="light"] .video-thumb { background: #e9eaf5 !important; }

/* ── TEXT ── */
html[data-theme="light"] .greeting-title,
html[data-theme="light"] .gen-card-title,
html[data-theme="light"] .status-title,
html[data-theme="light"] .videos-title,
html[data-theme="light"] .video-topic,
html[data-theme="light"] .timeline-meta strong,
html[data-theme="light"] .panel-title,
html[data-theme="light"] .upload-title,
html[data-theme="light"] .card-title,
html[data-theme="light"] .plan-name,
html[data-theme="light"] .page-title,
html[data-theme="light"] .detail-value,
html[data-theme="light"] .tl-time-display,
html[data-theme="light"] .checkbox-row label,
html[data-theme="light"] .ratio-opt .rlabel {
  color: #0b0a1a !important;
}
html[data-theme="light"] .greeting-sub,
html[data-theme="light"] .gen-card-sub,
html[data-theme="light"] .status-text,
html[data-theme="light"] .stat-lbl,
html[data-theme="light"] .video-date,
html[data-theme="light"] .timeline-meta,
html[data-theme="light"] .quick-label,
html[data-theme="light"] .edits-label,
html[data-theme="light"] .card-sub,
html[data-theme="light"] .page-sub,
html[data-theme="light"] .detail-label,
html[data-theme="light"] .field-label,
html[data-theme="light"] .upload-sub,
html[data-theme="light"] .speed-labels,
html[data-theme="light"] .ratio-opt .rsub,
html[data-theme="light"] .panel-close,
html[data-theme="light"] .no-edits,
html[data-theme="light"] .text-tag-pos,
html[data-theme="light"] .image-tag-info {
  color: #6b6e8a !important;
}
html[data-theme="light"] .videos-count {
  background: #f1f2f7 !important;
  border-color: #e4e5f0 !important;
  color: #6b6e8a !important;
}

/* ── GENERATE INPUTS ── */
html[data-theme="light"] .gen-input,
html[data-theme="light"] .gen-textarea,
html[data-theme="light"] .field-input {
  background: #fff !important;
  border-color: #e4e5f0 !important;
  color: #0b0a1a !important;
}
html[data-theme="light"] .gen-input:focus,
html[data-theme="light"] .gen-textarea:focus,
html[data-theme="light"] .field-input:focus {
  border-color: rgba(29,184,64,.5) !important;
  box-shadow: 0 0 0 3px rgba(29,184,64,.08) !important;
}
html[data-theme="light"] .gen-input::placeholder,
html[data-theme="light"] .gen-textarea::placeholder,
html[data-theme="light"] .field-input::placeholder { color: rgba(0,0,0,.3) !important; }
html[data-theme="light"] .char-count { color: rgba(0,0,0,.3) !important; }
html[data-theme="light"] .char-count.warn { color: #e67e22 !important; }

/* ── SELECT ── */
html[data-theme="light"] .field-select {
  background-color: #fff !important;
  border-color: #e4e5f0 !important;
  color: #0b0a1a !important;
  color-scheme: light !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b6e8a' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
}

/* ── TOPIC CHIPS / EXAMPLE PILLS ── */
html[data-theme="light"] .topic-chip {
  border-color: #e4e5f0 !important;
  background: #fff !important;
  color: #6b6e8a !important;
}
html[data-theme="light"] .topic-chip:hover {
  border-color: rgba(29,184,64,.4) !important;
  color: #1db840 !important;
  background: rgba(29,184,64,.04) !important;
}
html[data-theme="light"] .example-pill {
  border-color: #d8dae8 !important;
  color: #6b6e8a !important;
}
html[data-theme="light"] .example-pill:hover {
  border-color: rgba(29,184,64,.4) !important;
  color: #1db840 !important;
  background: rgba(29,184,64,.04) !important;
}

/* ── PROGRESS / STATUS ── */
html[data-theme="light"] .progress-bar { background: #e9eaf5 !important; }
html[data-theme="light"] .usage-bar-track { background: #e9eaf5 !important; }

/* ── BUTTONS ── */
html[data-theme="light"] .btn-secondary {
  background: #fff !important;
  border-color: #e4e5f0 !important;
  color: #0b0a1a !important;
}
html[data-theme="light"] .btn-secondary:hover {
  background: #f7f8fc !important;
  border-color: #bbb !important;
}
html[data-theme="light"] .btn-dl {
  border-color: #e4e5f0 !important;
  color: #6b6e8a !important;
}
html[data-theme="light"] .btn-verify { color: #9b9bba !important; }
html[data-theme="light"] .btn-verify:hover { color: #1db840 !important; }

/* ── TOOL BUTTONS ── */
html[data-theme="light"] .tool-btn {
  background: #fff !important;
  border-color: #e4e5f0 !important;
  color: #0b0a1a !important;
}
html[data-theme="light"] .tool-btn:hover {
  border-color: rgba(29,184,64,.4) !important;
  color: #1db840 !important;
  background: rgba(29,184,64,.04) !important;
}
html[data-theme="light"] .tool-btn.active {
  border-color: #1db840 !important;
  color: #1db840 !important;
  background: rgba(29,184,64,.08) !important;
}

/* ── TIMELINE ── */
html[data-theme="light"] .tl-bg { background: #e9eaf5 !important; }
html[data-theme="light"] .tl-handle-label { background: #0b0a1a !important; }
html[data-theme="light"] .tl-trim-info {
  color: #1db840 !important;
  background: rgba(29,184,64,.07) !important;
}
html[data-theme="light"] .tl-trim-info.inactive { color: #bbb !important; background: transparent !important; }
html[data-theme="light"] .tl-step-btn {
  background: #fff !important;
  border-color: #e4e5f0 !important;
  color: #0b0a1a !important;
}
html[data-theme="light"] .tl-step-btn:hover {
  border-color: rgba(29,184,64,.4) !important;
  color: #1db840 !important;
}
html[data-theme="light"] .tl-time-display {
  background: #f7f8fc !important;
  border-color: #e4e5f0 !important;
}

/* ── TEXT / IMAGE TAGS ── */
html[data-theme="light"] .text-tag,
html[data-theme="light"] .image-tag {
  background: #f7f8fc !important;
  border-color: #e4e5f0 !important;
}
html[data-theme="light"] .text-tag-content { color: #0b0a1a !important; }
html[data-theme="light"] .image-tag-thumb { border-color: #e4e5f0 !important; }

/* ── PANEL CLOSE ── */
html[data-theme="light"] .panel-close {
  border-color: #e4e5f0 !important;
  color: #6b6e8a !important;
}
html[data-theme="light"] .panel-close:hover { background: #f7f8fc !important; }

/* ── RATIO / POS / SIZE ── */
html[data-theme="light"] .ratio-opt {
  background: #fff !important;
  border-color: #e4e5f0 !important;
}
html[data-theme="light"] .ratio-opt.sel {
  border-color: #1db840 !important;
  background: rgba(29,184,64,.05) !important;
}
html[data-theme="light"] .pos-cell {
  background: #fafafa !important;
  border-color: #e4e5f0 !important;
  color: #6b6e8a !important;
}
html[data-theme="light"] .pos-cell:hover,
html[data-theme="light"] .pos-cell.sel {
  border-color: #1db840 !important;
  color: #1db840 !important;
  background: rgba(29,184,64,.06) !important;
}
html[data-theme="light"] .size-btn {
  background: #fff !important;
  border-color: #e4e5f0 !important;
  color: #6b6e8a !important;
}
html[data-theme="light"] .size-btn:hover,
html[data-theme="light"] .size-btn.sel {
  border-color: #1db840 !important;
  color: #1db840 !important;
}
html[data-theme="light"] .size-btn.sel { background: rgba(29,184,64,.06) !important; }

/* ── CHECKBOX ROW ── */
html[data-theme="light"] .checkbox-row {
  background: #f7f8fc !important;
  border-color: #e4e5f0 !important;
}

/* ── INFO BOX ── */
html[data-theme="light"] .info-box {
  background: rgba(29,184,64,.05) !important;
  border-color: rgba(29,184,64,.15) !important;
  color: #6b6e8a !important;
}

/* ── IMG UPLOAD ZONE ── */
html[data-theme="light"] .img-upload-zone {
  background: #fafafa !important;
  border-color: #e4e5f0 !important;
}
html[data-theme="light"] .img-upload-zone:hover {
  border-color: #1db840 !important;
  background: rgba(29,184,64,.03) !important;
}
html[data-theme="light"] .img-preview-box { border-color: #e4e5f0 !important; }

/* ── EDIT CHIPS ── */
html[data-theme="light"] .edit-chip {
  background: rgba(29,184,64,.08) !important;
  border-color: rgba(29,184,64,.2) !important;
  color: #1db840 !important;
}
html[data-theme="light"] .edit-chip button { color: #1db840 !important; }

/* ── ACCOUNT PAGE ── */
html[data-theme="light"] .plan-icon.free {
  background: linear-gradient(135deg,#e9eaf5,#d0d3e8) !important;
  border: none !important;
}
html[data-theme="light"] .badge-free {
  background: #f1f2f7 !important;
  border-color: #d8dae8 !important;
  color: #6b6e8a !important;
}
html[data-theme="light"] .detail-row { border-bottom-color: #e4e5f0 !important; }
html[data-theme="light"] .alert-info { color: #4a3a9e !important; }
html[data-theme="light"] .alert-success { color: #276749 !important; }
html[data-theme="light"] .upgrade-promo {
  background: linear-gradient(160deg,rgba(29,184,64,.07),rgba(255,153,75,.05)) !important;
  border-color: rgba(29,184,64,.15) !important;
}
html[data-theme="light"] .upgrade-promo,
html[data-theme="light"] .upgrade-promo * { color: #0b0a1a !important; }

/* ── THEME OPTION BUTTONS (account settings) ── */
html[data-theme="light"] .theme-opt-btn {
  border-color: #e4e5f0 !important;
  background: #fff !important;
  color: #6b6e8a !important;
}
html[data-theme="light"] .theme-opt-btn:hover {
  border-color: #bbb !important;
  color: #0b0a1a !important;
}
html[data-theme="light"] .theme-opt-btn.theme-opt-active {
  border-color: #1db840 !important;
  background: rgba(29,184,64,.08) !important;
  color: #1db840 !important;
}

/* ── MODALS ── */
html[data-theme="light"] .modal-box,
html[data-theme="light"] .emodal-box {
  background: #fff !important;
  border-color: #e4e5f0 !important;
}
html[data-theme="light"] #upgradeModal { background: rgba(11,10,26,.5) !important; }
html[data-theme="light"] #upgradeModal > div {
  background: #fff !important;
  border: 1px solid #e4e5f0 !important;
  box-shadow: 0 32px 80px rgba(0,0,0,.15) !important;
}

/* ── MOBILE NAV ── */
html[data-theme="light"] .mobile-nav-overlay { background: rgba(11,10,26,.45) !important; }
html[data-theme="light"] .mobile-nav-menu {
  background: #fff !important;
  border-bottom-color: #e4e5f0 !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.1) !important;
}
html[data-theme="light"] .mobile-nav-link { color: #0b0a1a !important; }
html[data-theme="light"] .mobile-nav-link:hover { background: #f7f8fc !important; }
html[data-theme="light"] .mobile-nav-link.active {
  color: #1db840 !important;
  background: rgba(29,184,64,.07) !important;
}

/* ── MOBILE TOP NAV (index.html) ── */
html[data-theme="light"] .mobile-top-nav {
  background: rgba(255,255,255,0.98) !important;
  border-bottom-color: #e4e5f0 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.08) !important;
}
html[data-theme="light"] .mobile-top-logo { color: #0b0a1a !important; }
html[data-theme="light"] .mobile-top-logo-icon { color: #1db840 !important; }
html[data-theme="light"] .hamburger span { background: #0b0a1a !important; }
html[data-theme="light"] .mobile-menu {
  background: rgba(255,255,255,0.98) !important;
  border-bottom-color: #e4e5f0 !important;
}
html[data-theme="light"] .mobile-menu a {
  color: #0b0a1a !important;
  border-bottom-color: #e4e5f0 !important;
}

/* ════════════════════════════════════════════════
   INDEX.HTML (LANDING PAGE) LIGHT OVERRIDES
   ════════════════════════════════════════════════ */

/* Nav */
html[data-theme="light"] .nav-links a { color: rgba(10,26,11,0.68) !important; font-weight: 500 !important; }
html[data-theme="light"] .nav-links a:hover { color: #1db840 !important; }
html[data-theme="light"] .btn-ghost {
  color: #0b0a1a !important;
  border-color: rgba(0,0,0,0.2) !important;
}
html[data-theme="light"] .btn-ghost:hover {
  background: rgba(0,0,0,0.04) !important;
  border-color: rgba(0,0,0,0.35) !important;
  color: #000 !important;
}
html[data-theme="light"] .hamburger span { background: #0b0a1a !important; }
html[data-theme="light"] .lang-btn {
  color: rgba(0,0,0,0.7) !important;
  border-color: rgba(0,0,0,0.2) !important;
}
html[data-theme="light"] .lang-arrow { color: rgba(0,0,0,0.4) !important; }
html[data-theme="light"] .lang-dropdown {
  background: #fff !important;
  border-color: #e4e5f0 !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.12) !important;
}
html[data-theme="light"] .lang-dropdown li { color: #0b0a1a !important; }
html[data-theme="light"] .lang-dropdown li:hover { background: #f7f8fc !important; color: #000 !important; }
html[data-theme="light"] .mobile-menu {
  background: rgba(255,255,255,0.98) !important;
  border-bottom-color: #e4e5f0 !important;
}
html[data-theme="light"] .mobile-menu a { color: #0b0a1a !important; border-bottom-color: #e4e5f0 !important; }

/* Hero */
html[data-theme="light"] .hero { background: #f7f8fc !important; }
html[data-theme="light"] .hero-title { color: #0b0a1a !important; }
html[data-theme="light"] .hero-sub { color: rgba(11,10,26,0.6) !important; }
html[data-theme="light"] .hero-note { color: rgba(11,10,26,0.45) !important; }
html[data-theme="light"] .hero-search {
  background: #fff !important;
  border-color: #e4e5f0 !important;
  box-shadow: 0 4px 24px rgba(0,0,0,.08) !important;
}
html[data-theme="light"] .hero-search input { color: #0b0a1a !important; background: transparent !important; }
html[data-theme="light"] .hero-search input::placeholder { color: rgba(0,0,0,0.3) !important; }
html[data-theme="light"] .tag-chip {
  background: #fff !important;
  border-color: #e4e5f0 !important;
  color: #6b6e8a !important;
}

/* Stats strip */
html[data-theme="light"] .stats { background: #f4f7f4 !important; }
html[data-theme="light"] .stat {
  background: rgba(29,184,64,.05) !important;
  border: 1.5px solid rgba(29,184,64,.28) !important;
  box-shadow: 0 2px 16px rgba(29,184,64,.08) !important;
}
html[data-theme="light"] .stat:hover {
  border-color: rgba(29,184,64,.55) !important;
  box-shadow: 0 6px 24px rgba(29,184,64,.14) !important;
}
html[data-theme="light"] .stat::after { background: rgba(29,184,64,.05) !important; }
html[data-theme="light"] .stat-label { color: rgba(8,22,12,.52) !important; }

/* Section base */
html[data-theme="light"] .section-alt { background: #f4f7f4 !important; }
html[data-theme="light"] .section-sub { color: rgba(11,10,26,0.6) !important; }

/* Step cards */
html[data-theme="light"] .step-card {
  background: #fff !important;
  border-color: #e4e5f0 !important;
  color: #0b0a1a !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.06) !important;
}
html[data-theme="light"] .step-num { color: #6b6e8a !important; }
html[data-theme="light"] .step-card h3 { color: #0b0a1a !important; }
html[data-theme="light"] .step-card p { color: #6b6e8a !important; }

/* Feature cards */
html[data-theme="light"] .feat-card {
  background: #fff !important;
  border-color: #e4e5f0 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.05) !important;
}
html[data-theme="light"] .feat-card h3 { color: #0b0a1a !important; font-family:'Plus Jakarta Sans','Inter',sans-serif !important; font-weight:700 !important; }
html[data-theme="light"] .feat-card p { color: #1a2e1a !important; font-family:'Plus Jakarta Sans','Inter',sans-serif !important; font-weight:500 !important; line-height:1.75 !important; text-align:justify !important; }
html[data-theme="light"] .feat-icon { background: #f7f8fc !important; border-color: #e4e5f0 !important; }

/* Showcase */
html[data-theme="light"] .showcase-section { background: #fff !important; }
html[data-theme="light"] .mockup-frame {
  background: #fff !important;
  border-color: #e4e5f0 !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.1) !important;
}
html[data-theme="light"] .mockup-header {
  background: #f0f1f8 !important;
  border-bottom-color: #e4e5f0 !important;
}
html[data-theme="light"] .mockup-title { color: rgba(0,0,0,0.4) !important; }
html[data-theme="light"] .mockup-content { background: #e4e5f5 !important; }
html[data-theme="light"] .stat-desc { color: rgba(11,10,26,0.45) !important; }
html[data-theme="light"] .feature-item { color: #0b0a1a !important; }
html[data-theme="light"] .author-role { color: #6b6e8a !important; }

/* Testimonials */
html[data-theme="light"] .testi-card {
  background: #fff !important;
  border: 1.5px solid rgba(29,184,64,.35) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.07) !important;
}
html[data-theme="light"] .testi-card:hover {
  border-color: rgba(29,184,64,.65) !important;
  box-shadow: 0 8px 32px rgba(29,184,64,.13) !important;
}
html[data-theme="light"] .testi-text { color: #0b0a1a !important; text-align: justify !important; }

/* Pricing cards */
html[data-theme="light"] .plans-grid > div {
  background: #fff !important;
  border-color: rgba(29,184,64,.30) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,.07) !important;
}
html[data-theme="light"] .plan-free {
  border: 2px solid rgba(29,184,64,.35) !important;
}
html[data-theme="light"] .plan-pro {
  border: 2px solid #1db840 !important;
  box-shadow: 0 8px 40px rgba(29,184,64,.18) !important;
}
html[data-theme="light"] .plans-grid > div > p { color: #6b6e8a !important; }
html[data-theme="light"] .plans-grid li { color: #0b0a1a !important; }

/* Gen section */
html[data-theme="light"] .gen-section { background: #f7f8fc !important; }
html[data-theme="light"] .gen-card {
  background: #fff !important;
  border-color: #e4e5f0 !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.08) !important;
}
html[data-theme="light"] .gen-card p { color: #6b6e8a !important; }
html[data-theme="light"] .gen-input {
  background: #f7f8fc !important;
  border-color: #d8dae8 !important;
  color: #0b0a1a !important;
}
html[data-theme="light"] .gen-input::placeholder { color: rgba(0,0,0,0.35) !important; }
html[data-theme="light"] .gen-input:focus {
  border-color: rgba(29,184,64,.5) !important;
  box-shadow: 0 0 0 3px rgba(29,184,64,.1) !important;
}
html[data-theme="light"] .cta-search {
  background: #f7f8fc !important;
  border-color: #e4e5f0 !important;
}
html[data-theme="light"] .cta-search input { color: #0b0a1a !important; }
html[data-theme="light"] .cta-search input::placeholder { color: rgba(0,0,0,0.3) !important; }

/* Mobile app card */
html[data-theme="light"] .mobileapp-section { background: #f7f8fc !important; }
html[data-theme="light"] .mobileapp-card { background: #fff !important; }
html[data-theme="light"] .mobileapp-desc { color: #6b6e8a !important; }
html[data-theme="light"] .mobileapp-stat-label { color: #6b6e8a !important; }
html[data-theme="light"] .mobileapp-stat-num {
  background: var(--grad1) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
html[data-theme="light"] .mobileapp-stat-divider { background: #e4e5f0 !important; }
html[data-theme="light"] .mobileapp-store-btn {
  background: #f7f8fc !important;
  border-color: #d8dae8 !important;
  color: #0b0a1a !important;
}
html[data-theme="light"] .mobileapp-store-btn:hover {
  background: #eeeef7 !important;
  color: #0b0a1a !important;
}
html[data-theme="light"] .mobileapp-store-sub { color: rgba(11,10,26,0.45) !important; }
html[data-theme="light"] .mobileapp-store-name { color: #0b0a1a !important; }
html[data-theme="light"] .mobileapp-store-icon svg { fill: #0b0a1a !important; }
html[data-theme="light"] .mobileapp-qr-label { color: #6b6e8a !important; }

/* Index modal */
html[data-theme="light"] .modal-overlay { background: rgba(11,10,26,0.55) !important; }
html[data-theme="light"] .modal-box {
  background: #fff !important;
  border-color: #e4e5f0 !important;
  box-shadow: 0 32px 80px rgba(0,0,0,.15) !important;
}
html[data-theme="light"] .modal-close {
  border-color: #e4e5f0 !important;
  color: #6b6e8a !important;
}
html[data-theme="light"] .modal-close:hover { color: #0b0a1a !important; border-color: #bbb !important; }

/* Footer — light mode: white background, dark text */
html[data-theme="light"] footer {
  background: linear-gradient(180deg, #edf7ee 0%, #e0f2e1 100%) !important;
  border-top: 2px solid rgba(29,184,64,.30) !important;
}
html[data-theme="light"] .footer-logo { color: #06100a !important; }
html[data-theme="light"] .footer-col-title {
  color: #1db840 !important;
  letter-spacing: .07em !important;
}
html[data-theme="light"] .footer-desc { color: rgba(8,22,12,.60) !important; }
html[data-theme="light"] .footer-col-links li a {
  color: rgba(8,22,12,.60) !important;
}
html[data-theme="light"] .footer-col-links li a:hover {
  color: #1db840 !important;
  padding-left: 4px !important;
}
html[data-theme="light"] .footer-copy { color: rgba(8,22,12,.45) !important; }
html[data-theme="light"] .footer-bottom {
  border-top: 1px solid rgba(29,184,64,.22) !important;
  background: rgba(29,184,64,.04) !important;
}
html[data-theme="light"] .footer-bottom-links a { color: rgba(8,22,12,.45) !important; }
html[data-theme="light"] .footer-bottom-links a:hover { color: #1db840 !important; }
html[data-theme="light"] .footer-social-btn {
  background: rgba(29,184,64,.08) !important;
  border: 1.5px solid rgba(29,184,64,.35) !important;
  color: #1db840 !important;
  box-shadow: 0 2px 10px rgba(29,184,64,.10) !important;
}
html[data-theme="light"] .footer-social-btn:hover {
  background: rgba(29,184,64,.18) !important;
  border-color: rgba(29,184,64,.65) !important;
  box-shadow: 0 4px 18px rgba(29,184,64,.18) !important;
}

/* ── STAT card inner fill (pseudo-element) ── */
html[data-theme="light"] .stat::after { background: rgba(29,184,64,.05) !important; }
html[data-theme="light"] .stat { border: 1.5px solid rgba(29,184,64,.28) !important; background: rgba(29,184,64,.05) !important; }

/* ── COMPARISON section (FREE vs PRO) ── */
html[data-theme="light"] .comparison-section {
  background: #f7f8fc !important;
}
html[data-theme="light"] section[style*="background:#000"],
html[data-theme="light"] section[style*="background: #000"] {
  background: #f7f8fc !important;
}

/* ── SC-SECTION (3D Camera Angle Showcase) ── */
html[data-theme="light"] .sc-section { background: #f7f8fc !important; }
html[data-theme="light"] .sc-heading { color: #0b0a1a !important; }
html[data-theme="light"] .sc-desc {
  color: #1a2e1a !important;
  font-family: 'Plus Jakarta Sans','Inter',sans-serif !important;
  font-weight: 500 !important;
  line-height: 1.78 !important;
  letter-spacing: .012em !important;
  text-align: justify !important;
}
html[data-theme="light"] .sc-feat-item {
  color: #06100a !important;
  font-family: 'Plus Jakarta Sans','Inter',sans-serif !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  letter-spacing: .008em !important;
}

/* ── CAM3D-SECTION (3D Camera Feature) ── */
html[data-theme="light"] .cam3d-section {
  background: #f7f8fc !important;
  border-top-color: #e4e5f0 !important;
  border-bottom-color: #e4e5f0 !important;
}
html[data-theme="light"] .cam3d-heading { color: #0b0a1a !important; }
html[data-theme="light"] .cam3d-desc {
  color: #1a2e1a !important;
  font-family: 'Plus Jakarta Sans','Inter',sans-serif !important;
  font-weight: 500 !important;
  line-height: 1.78 !important;
  letter-spacing: .012em !important;
  text-align: justify !important;
}
html[data-theme="light"] .cam3d-feat-item {
  color: #06100a !important;
  font-family: 'Plus Jakarta Sans','Inter',sans-serif !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  letter-spacing: .008em !important;
}
html[data-theme="light"] .cam3d-features { border-top-color: #e4e5f0 !important; }
html[data-theme="light"] .cam3d-stat-label { color: #6b6e8a !important; }
html[data-theme="light"] .cam3d-stats { border-top-color: #e4e5f0 !important; }
html[data-theme="light"] .cam3d-stat-div { background: #e4e5f0 !important; }

/* ── PEEK-SECTION (Take a Peek Inside) ── */
html[data-theme="light"] .peek-section { background: #f7f8fc !important; }
html[data-theme="light"] .peek-scene-card { background: #fff !important; border-color: #e4e5f0 !important; }
html[data-theme="light"] .peek-shot-card { background: #fff !important; border-color: #e4e5f0 !important; }

/* ── HTML-level fallback so body shows through even without class match ── */
html[data-theme="light"] { background: #f7f8fc; }

/* ════════════════════════════════════════════
   DASHBOARD — MISSING LIGHT OVERRIDES
   ════════════════════════════════════════════ */

/* Tip cards */
html[data-theme="light"] .tip-card {
  background: rgba(29,184,64,.04) !important;
  border: 1.5px solid rgba(29,184,64,.32) !important;
  box-shadow: 0 2px 14px rgba(29,184,64,.08) !important;
}
html[data-theme="light"] .tip-card:hover {
  border-color: rgba(29,184,64,.62) !important;
  box-shadow: 0 6px 24px rgba(29,184,64,.14) !important;
}
html[data-theme="light"] .tip-title { color: #06100a !important; }
html[data-theme="light"] .tip-text  { color: rgba(8,22,12,.55) !important; }
html[data-theme="light"] .tip-icon  { color: #1db840 !important; }

/* Videos empty state */
html[data-theme="light"] .videos-empty      { color: #6b6e8a !important; }
html[data-theme="light"] .videos-empty-icon { filter: grayscale(0) !important; }
html[data-theme="light"] .videos-empty-text { color: #6b6e8a !important; }

/* Pipeline & tech-stack section wrapper */
html[data-theme="light"] .dash-section {
  background: #fff !important;
  border-color: #e4e5f0 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.05) !important;
}
html[data-theme="light"] .dash-section-title { color: #0b0a1a !important; }
html[data-theme="light"] .dash-section-sub   { color: #6b6e8a !important; }

/* Pipeline steps */
html[data-theme="light"] .pipeline-step > div[style*="font-size:12px"],
html[data-theme="light"] .pipeline-step > div[style*="font-size:11px"] {
  color: #0b0a1a !important;
}
html[data-theme="light"] .pipeline-step div[style*="color:var(--dark)"]    { color: #0b0a1a !important; }
html[data-theme="light"] .pipeline-step div[style*="color:var(--muted)"]   { color: #6b6e8a !important; }
html[data-theme="light"] .pipeline-step div[style*="background:linear-gradient"] {
  background: linear-gradient(135deg,rgba(29,184,64,.1),rgba(127,255,58,.06)) !important;
}
html[data-theme="light"] .pipeline-arrow { color: #c5c7d4 !important; }

/* Tech pills */
html[data-theme="light"] .tech-pill {
  background: rgba(29,184,64,.05) !important;
  border: 1.5px solid rgba(29,184,64,.32) !important;
  color: #06100a !important;
  box-shadow: 0 1px 8px rgba(29,184,64,.08) !important;
}
html[data-theme="light"] .tech-pill:hover {
  border-color: rgba(29,184,64,.65) !important;
  background: rgba(29,184,64,.10) !important;
  color: #1db840 !important;
}
html[data-theme="light"] .tech-pill span { color: #06100a !important; }
html[data-theme="light"] .tech-pill span[style*="color:var(--muted)"] { color: rgba(8,22,12,.50) !important; }

/* Style select */
html[data-theme="light"] .style-select {
  background-color: #fff !important;
  border-color: #e4e5f0 !important;
  color: #0b0a1a !important;
  color-scheme: light !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b6e8a' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
}

/* Photo upload area */
html[data-theme="light"] .photo-drop-zone {
  background: #fafafa !important;
  border-color: #d8dae8 !important;
}
html[data-theme="light"] .photo-drop-zone div[style*="color:var(--dark)"]  { color: #0b0a1a !important; }
html[data-theme="light"] .photo-drop-zone div[style*="color:var(--muted)"] { color: #6b6e8a !important; }
html[data-theme="light"] .photo-toggle { color: #6b6e8a !important; border-top-color: #e4e5f0 !important; }
html[data-theme="light"] .photo-toggle:hover { color: #0b0a1a !important; }

/* Stat cards */
html[data-theme="light"] .stat-card {
  background: #fff !important;
  border-color: #e4e5f0 !important;
}

/* Inline-styled sections in .main that use rgba white bg/border */
html[data-theme="light"] #videoPlayerSection {
  background: #fff !important;
  border-color: #e4e5f0 !important;
}
html[data-theme="light"] #videoPlayerSection h2,
html[data-theme="light"] #videoPlayerSection p { color: #0b0a1a !important; }

/* ════════════════════════════════════════════
   INDEX PAGE — COMPREHENSIVE LIGHT OVERRIDES
   ════════════════════════════════════════════ */

/* ── Nexa-hero — GREEN design preserved in light mode (same as dark) ── */
/* Keep dark green background — do NOT switch to white */
html[data-theme="light"] .nexa-hero {
  background: #060a06 !important;
}
/* Green ambient layers — keep visible */
html[data-theme="light"] .nexa-card-glow,
html[data-theme="light"] .nexa-bg-blob,
html[data-theme="light"] .nexa-green-accent {
  opacity: 1 !important;
  visibility: visible !important;
}
/* Tube — keep visible */
html[data-theme="light"] .nexa-tube {
  opacity: 1 !important;
  visibility: visible !important;
}
/* Spheres — keep green */
html[data-theme="light"] .nexa-sphere {
  background: radial-gradient(circle at 33% 23%,rgba(255,255,255,.35) 0%,rgba(120,200,80,.55) 9%,rgba(60,160,20,.38) 28%,rgba(30,120,10,.20) 52%,rgba(10,60,5,.10) 74%,rgba(5,20,2,.06) 100%) !important;
  border-color: rgba(100,200,50,0.35) !important;
  box-shadow: inset -18px -18px 42px rgba(0,0,0,.28), inset 9px 9px 22px rgba(100,200,50,.22), 0 30px 70px rgba(50,160,20,.28) !important;
}
/* Headline — white on dark green */
html[data-theme="light"] .nexa-headline { color: #fff !important; -webkit-text-fill-color: #fff !important; }
/* Description */
html[data-theme="light"] .nexa-hero-desc       { color: rgba(255,255,255,0.75) !important; }
html[data-theme="light"] .nexa-hero-desc strong { color: #fff !important; }
/* What we do */
html[data-theme="light"] .nexa-wwd-title { color: #fff !important; }
html[data-theme="light"] .nexa-wwd-desc  { color: rgba(255,255,255,0.75) !important; }
/* Clients counter */
html[data-theme="light"] .nexa-clients-count { color: #4ade80 !important; }
html[data-theme="light"] .nexa-clients-lbl   { color: rgba(255,255,255,0.65) !important; }
/* CTA label */
html[data-theme="light"] .nexa-cta-label { color: rgba(255,255,255,0.85) !important; }
/* Follow strip */
html[data-theme="light"] .nexa-follow-label { color: rgba(255,255,255,0.9) !important; }
html[data-theme="light"] .nexa-follow-desc  { color: rgba(255,255,255,0.6) !important; }
html[data-theme="light"] .nexa-social-txt   { color: rgba(255,255,255,0.7) !important; }
html[data-theme="light"] .nexa-sidebar-line { background: rgba(255,255,255,.15) !important; }
/* Slider dots — green in light mode */
html[data-theme="light"] .nexa-sdot { background: rgba(100,200,50,0.25) !important; border-color: rgba(100,200,50,0.5) !important; }
html[data-theme="light"] .nexa-sdot:hover { background: rgba(100,200,50,0.45) !important; }
html[data-theme="light"] .nexa-sdot.active { background: #4ade80 !important; border-color: #4ade80 !important; box-shadow: 0 0 12px rgba(74,222,128,0.6), 0 0 4px rgba(74,222,128,0.9) !important; }
/* Get-started button */
html[data-theme="light"] .nexa-getstarted-btn {
  background: rgba(255,255,255,0.12) !important;
  border-color: rgba(255,255,255,0.35) !important;
  color: #fff !important;
}
html[data-theme="light"] .nexa-gs-dot { background: #4ade80 !important; box-shadow: 0 0 10px rgba(74,222,128,0.7) !important; }
/* Login link */
html[data-theme="light"] .nexa-login-link { color: rgba(255,255,255,0.8) !important; }
/* Scroll ring */
html[data-theme="light"] .nexa-scroll-btn circle { fill: rgba(255,255,255,0.08) !important; stroke: rgba(255,255,255,0.35) !important; }
html[data-theme="light"] .nexa-scroll-btn text { fill: rgba(255,255,255,0.5) !important; }
html[data-theme="light"] .nexa-scroll-arrow { color: rgba(255,255,255,0.6) !important; }

/* ── Stats strip ── */
html[data-theme="light"] .stats        { background: #f4f7f4 !important; border-color: rgba(29,184,64,.12) !important; }
html[data-theme="light"] .stat         { background: rgba(29,184,64,.05) !important; border: 1.5px solid rgba(29,184,64,.28) !important; box-shadow: 0 2px 16px rgba(29,184,64,.08) !important; }
html[data-theme="light"] .stat-num     { color: #06100a !important; -webkit-text-fill-color: #06100a !important; }
html[data-theme="light"] .stat-label   { color: rgba(8,22,12,.52) !important; }
html[data-theme="light"] .stat::after  { background: rgba(29,184,64,.05) !important; }

/* ── Section titles & labels ── */
html[data-theme="light"] .section-title  { color: #0b0a1a !important; }
html[data-theme="light"] .section-label  { color: #1db840 !important; }
html[data-theme="light"] .section-sub    { color: #6b6e8a !important; }
html[data-theme="light"] .section-title .grad {
  background: linear-gradient(135deg,#1db840,#7fff3a,#a8f030) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* ── Step cards ── */
html[data-theme="light"] .steps-grid .step-card {
  background: #fff !important;
  border: 1.5px solid rgba(29,184,64,.28) !important;
  box-shadow: 0 2px 20px rgba(0,0,0,.07) !important;
}
html[data-theme="light"] .steps-grid .step-card:hover {
  border-color: rgba(29,184,64,.65) !important;
  box-shadow: 0 8px 32px rgba(29,184,64,.14) !important;
}
html[data-theme="light"] .step-num {
  display: inline-block !important;
  background: rgba(29,184,64,.10) !important;
  border: 1px solid rgba(29,184,64,.25) !important;
  color: #1db840 !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .05em !important;
  padding: 3px 12px !important;
  margin-bottom: 18px !important;
}
html[data-theme="light"] .step-icon,
html[data-theme="light"] .si1,
html[data-theme="light"] .si2,
html[data-theme="light"] .si3,
html[data-theme="light"] .si4 { background: rgba(29,184,64,.12) !important; border-color: transparent !important; }
html[data-theme="light"] .step-card h3  { color: #06100a !important; font-weight: 700 !important; }
html[data-theme="light"] .step-card p   { color: rgba(8,22,12,.55) !important; }

/* ── Feature cards ── */
html[data-theme="light"] .feat-card {
  background: #fff !important;
  border: 1.5px solid rgba(29,184,64,.22) !important;
  box-shadow: 0 2px 16px rgba(0,0,0,.06) !important;
}
html[data-theme="light"] .feat-card:hover {
  border-color: rgba(29,184,64,.55) !important;
  box-shadow: 0 8px 32px rgba(29,184,64,.13) !important;
}
html[data-theme="light"] .feat-card h3  { color: #06100a !important; font-family:'Plus Jakarta Sans','Inter',sans-serif !important; font-weight:700 !important; }
html[data-theme="light"] .feat-card p   { color: #1a2e1a !important; font-family:'Plus Jakarta Sans','Inter',sans-serif !important; font-weight:500 !important; line-height:1.75 !important; text-align:justify !important; }
html[data-theme="light"] .feat-icon     { background: rgba(29,184,64,.12) !important; border-color: rgba(29,184,64,.20) !important; }

/* ── Testimonials ── */
html[data-theme="light"] .testi-card    { background: #fff !important; border: 1.5px solid rgba(29,184,64,.35) !important; box-shadow: 0 4px 20px rgba(0,0,0,.07) !important; }
html[data-theme="light"] .testi-text    { color: #0b0a1a !important; text-align: justify !important; }
html[data-theme="light"] .author-name   { color: #0b0a1a !important; }
html[data-theme="light"] .author-role   { color: #6b6e8a !important; }
html[data-theme="light"] .stars         { color: #f6a623 !important; }

/* ── Video label badge & hero search ── */
html[data-theme="light"] .video-label-badge { color: #fff !important; }
html[data-theme="light"] .hero-search button { color: #fff !important; }
html[data-theme="light"] .tag-chip      { background: #f1f2f7 !important; border-color: #e4e5f0 !important; color: #6b6e8a !important; }

/* ── CTA section ── */
html[data-theme="light"] .cta-card      { background: linear-gradient(135deg,#1db840,#7fff3a,#a8f030) !important; }
html[data-theme="light"] .cta-card .section-title { color: #fff !important; -webkit-text-fill-color: #fff !important; }
html[data-theme="light"] .cta-card .section-sub   { color: rgba(255,255,255,.8) !important; }
html[data-theme="light"] .cta-search    { background: rgba(255,255,255,.15) !important; border-color: rgba(255,255,255,.25) !important; }
html[data-theme="light"] .cta-search input       { color: #fff !important; }
html[data-theme="light"] .cta-search input::placeholder { color: rgba(255,255,255,.55) !important; }
html[data-theme="light"] .cta-search button      { color: #fff !important; }

/* ── Comparison / FREE vs PRO section ── */
html[data-theme="light"] .comparison-section     { background: #f7f8fc !important; }
html[data-theme="light"] .comparison-section h2,
html[data-theme="light"] .comparison-section h3  { color: #0b0a1a !important; }
html[data-theme="light"] .comparison-section p,
html[data-theme="light"] .comparison-section li  { color: #6b6e8a !important; }
html[data-theme="light"] .comparison-section div[style*="background:#000"],
html[data-theme="light"] .comparison-section div[style*="background: #000"] { background: #fff !important; border-color: #e4e5f0 !important; }

/* ── Peek / Cam3D sections ── */
html[data-theme="light"] .peek-heading  { color: #0b0a1a !important; }
html[data-theme="light"] .peek-desc     { color: #6b6e8a !important; }
html[data-theme="light"] .cam3d-heading { color: #0b0a1a !important; }
html[data-theme="light"] .cam3d-desc {
  color: #1a2e1a !important;
  font-family: 'Plus Jakarta Sans','Inter',sans-serif !important;
  font-weight: 500 !important;
  line-height: 1.78 !important;
  letter-spacing: .012em !important;
  text-align: justify !important;
}
html[data-theme="light"] .sc-heading    { color: #0b0a1a !important; }

/* ── Control labels, misc white text ── */
html[data-theme="light"] .control-label { color: #6b6e8a !important; }
html[data-theme="light"] .stat-desc     { color: #6b6e8a !important; }
html[data-theme="light"] .feature-item  { color: #0b0a1a !important; }

/* ════════════════════════════════════════════
   PEEK SECTION (Storyboard shots gallery)
   ════════════════════════════════════════════ */

/* Section wrapper */
html[data-theme="light"] .peek-section {
  background: #f7f8fc !important;
}

/* Storyboard viewer outer wrap */
html[data-theme="light"] .peek-board-wrap {
  background: #fff !important;
  border-color: #e4e5f0 !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.08) !important;
}

/* Scene selector cards (top row) */
html[data-theme="light"] .peek-scene-card {
  background: #fff !important;
  border-color: #e4e5f0 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
}
html[data-theme="light"] .peek-scene-card.active,
html[data-theme="light"] .peek-scene-card:hover {
  background: rgba(29,184,64,.05) !important;
  border-color: rgba(29,184,64,.4) !important;
}
html[data-theme="light"] .peek-scene-title { color: #0b0a1a !important; }
html[data-theme="light"] .peek-scene-shots { color: #6b6e8a !important; }

/* Shot cards */
html[data-theme="light"] .peek-shot-card {
  background: #fff !important;
  border-color: #e4e5f0 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.07) !important;
}
html[data-theme="light"] .peek-shot-card:hover {
  border-color: rgba(29,184,64,.4) !important;
  box-shadow: 0 12px 32px rgba(29,184,64,.14) !important;
}

/* Image placeholder bg */
html[data-theme="light"] .peek-shot-img-wrap { background: #e9eaf5 !important; }

/* Shot meta text */
html[data-theme="light"] .peek-shot-desc { color: #0b0a1a !important; }

/* Divider between image and actions */
html[data-theme="light"] .peek-shot-actions {
  border-top-color: #e4e5f0 !important;
}

/* Ghost buttons (EDIT / RETRY / VARIATION) */
html[data-theme="light"] .peek-btn-ghost {
  background: #f7f8fc !important;
  border-color: #e4e5f0 !important;
  color: #0b0a1a !important;
}
html[data-theme="light"] .peek-btn-ghost:hover {
  border-color: rgba(29,184,64,.45) !important;
  color: #1db840 !important;
  background: rgba(29,184,64,.06) !important;
}

/* Heading & description above peek section */
html[data-theme="light"] .peek-heading     { color: #0b0a1a !important; }
html[data-theme="light"] .peek-subheading  { color: #6b6e8a !important; }
html[data-theme="light"] .peek-desc        { color: #6b6e8a !important; }
html[data-theme="light"] .peek-badge       { color: #1db840 !important; }

/* ── Plans-grid: override inline style="color:#fff" elements ── */
html[data-theme="light"] .plans-grid [style*="color:#fff"],
html[data-theme="light"] .plans-grid [style*="color: #fff"],
html[data-theme="light"] .plans-grid [style*="color:white"],
html[data-theme="light"] .plans-grid [style*="color: white"],
html[data-theme="light"] .plans-grid [style*="color:#f5f5f7"],
html[data-theme="light"] .plans-grid [style*="color: #f5f5f7"],
html[data-theme="light"] .plans-grid [style*="color:#f5f5f"],
html[data-theme="light"] .plans-grid [style*="color:#eee"],
html[data-theme="light"] .plans-grid [style*="color:#ddd"] {
  color: #000 !important;
}
html[data-theme="light"] .plans-grid [style*="color:rgba(255,255,255"],
html[data-theme="light"] .plans-grid [style*="color: rgba(255,255,255"] {
  color: #4b4e6a !important;
}

/* ── Gen-section: override inline color:#fff paragraphs ── */
html[data-theme="light"] .gen-section [style*="color:#fff"],
html[data-theme="light"] .gen-section [style*="color: #fff"] {
  color: #0b0a1a !important;
}

/* ── Contact section ── */
html[data-theme="light"] .contact-section { background: #f4f7f4 !important; }
html[data-theme="light"] .contact-heading { color: #0b0a1a !important; -webkit-text-fill-color: #0b0a1a !important; }
html[data-theme="light"] .contact-heading span { -webkit-text-fill-color: transparent !important; }
html[data-theme="light"] .contact-sub { color: rgba(8,22,12,.55) !important; }
html[data-theme="light"] .contact-info-item {
  background: rgba(29,184,64,.04) !important;
  border: 1.5px solid rgba(29,184,64,.30) !important;
  box-shadow: 0 2px 12px rgba(29,184,64,.07) !important;
}
html[data-theme="light"] .contact-info-item:hover {
  border-color: rgba(29,184,64,.60) !important;
  box-shadow: 0 4px 20px rgba(29,184,64,.13) !important;
}
html[data-theme="light"] .contact-info-label { color: rgba(8,22,12,.45) !important; }
html[data-theme="light"] .contact-info-value { color: #06100a !important; }
html[data-theme="light"] .contact-form-card {
  background: #fff !important;
  border: 1.5px solid rgba(29,184,64,.30) !important;
  box-shadow: 0 8px 40px rgba(29,184,64,.10) !important;
}
html[data-theme="light"] .contact-form-title { color: #06100a !important; }
html[data-theme="light"] .contact-form-sub { color: rgba(8,22,12,.55) !important; }
html[data-theme="light"] .contact-field label { color: rgba(8,22,12,.50) !important; }
html[data-theme="light"] .contact-field input,
html[data-theme="light"] .contact-field textarea {
  background: rgba(29,184,64,.03) !important;
  border: 1.5px solid rgba(29,184,64,.22) !important;
  color: #06100a !important;
}
html[data-theme="light"] .contact-field input:focus,
html[data-theme="light"] .contact-field textarea:focus {
  border-color: rgba(29,184,64,.60) !important;
  box-shadow: 0 0 0 3px rgba(29,184,64,.10) !important;
}

/* ── Nav links: override herostyle.css white-on-white in light mode ── */
html[data-theme="light"] .nav-links a {
  color: #0b0a1a !important;
}
html[data-theme="light"] .nav-links a:hover {
  color: #0b0a1a !important;
  background: rgba(11,10,26,0.07) !important;
}
html[data-theme="light"] .nav-links a.nav-active {
  background: #1db840 !important;
  color: #fff !important;
}

/* ── Mobile app-store button hover ── */
html[data-theme="light"] .mobileapp-store-btn:hover {
  background: rgba(29,184,64,0.1) !important;
  border-color: rgba(29,184,64,0.4) !important;
  color: #1db840 !important;
}

/* ── SF-utility classes (used across sections) ── */
html[data-theme="light"] .sf-body  { color: #4b4e6a !important; }
html[data-theme="light"] .sf-text  { color: #4b4e6a !important; }
html[data-theme="light"] .sf-title { color: #0b0a1a !important; }

/* ── Step cards — consolidated (see earlier block for full rules) ── */
html[data-theme="light"] .step-card {
  background: #fff !important;
  border: 1.5px solid rgba(29,184,64,.28) !important;
  color: #06100a !important;
  box-shadow: 0 2px 20px rgba(0,0,0,.07) !important;
}

/* ── Feature cards — consolidated ── */
html[data-theme="light"] .feat-card {
  background: #fff !important;
  border: 1.5px solid rgba(29,184,64,.22) !important;
  box-shadow: 0 2px 16px rgba(0,0,0,.06) !important;
}

/* ── Testimonial cards ── */
html[data-theme="light"] .testi-card {
  background: #fff !important;
  border: 1.5px solid rgba(29,184,64,.35) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.07) !important;
}
html[data-theme="light"] .testi-text  { color: #2d2d3a !important; text-align: justify !important; }
html[data-theme="light"] .author-name { color: #0b0a1a !important; }
html[data-theme="light"] .author-role { color: #6b6e8a !important; }

/* ── Hero note & tag chips ── */
html[data-theme="light"] .hero-note { color: rgba(11,10,26,0.5) !important; }
html[data-theme="light"] .tag-chip  {
  background: rgba(11,10,26,0.05) !important;
  border-color: rgba(11,10,26,0.12) !important;
  color: #4b4e6a !important;
}
html[data-theme="light"] .tag-chip:hover {
  background: rgba(29,184,64,0.08) !important;
  border-color: rgba(29,184,64,0.35) !important;
  color: #1db840 !important;
}

/* ── Stat label ── */
html[data-theme="light"] .stat-label { color: #6b6e8a !important; }

/* ── Showcase stat desc ── */
html[data-theme="light"] .stat-desc { color: #6b6e8a !important; }

/* ── Peek section cards ── */
html[data-theme="light"] .peek-card {
  background: #fff !important;
  border-color: #e4e5f0 !important;
}
html[data-theme="light"] .peek-card-title { color: #0b0a1a !important; }
html[data-theme="light"] .peek-card-sub   { color: #6b6e8a !important; }

/* ── 3D camera section cards ── */
html[data-theme="light"] .cam3d-card {
  background: #fff !important;
  border-color: #e4e5f0 !important;
}
html[data-theme="light"] .cam3d-card-title { color: #0b0a1a !important; }
html[data-theme="light"] .cam3d-card-desc  { color: #6b6e8a !important; }
html[data-theme="light"] .cam3d-section    { background: #f7f8fc !important; }

/* ── Floating badge cards in hero ── */
html[data-theme="light"] .float-badge {
  background: #fff !important;
  border-color: #e4e5f0 !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.1) !important;
}
html[data-theme="light"] .fb-title { color: #0b0a1a !important; }
html[data-theme="light"] .fb-sub   { color: #6b6e8a !important; }

/* ── Fixed floating buttons ── */
html[data-theme="light"] .fixed-email-btn,
html[data-theme="light"] .fixed-wa-btn {
  box-shadow: 0 4px 16px rgba(0,0,0,.18) !important;
}

/* ── Modal ── */
html[data-theme="light"] .modal-box {
  background: #fff !important;
  border-color: #e4e5f0 !important;
  color: #0b0a1a !important;
}
html[data-theme="light"] .modal-status { color: #6b6e8a !important; }
html[data-theme="light"] .modal-topic  { color: #1db840 !important; }

/* ══════════════════════════════════════════════════════════════
   COMPREHENSIVE WHITE-TEXT FIXES — catch inline color:#fff / #f5f5f7
   ══════════════════════════════════════════════════════════════ */

/* Comparison / pricing section — all inline white text */
html[data-theme="light"] .comparison-section { color: #0b0a1a !important; }
html[data-theme="light"] .comparison-section [style*="color:#fff"],
html[data-theme="light"] .comparison-section [style*="color: #fff"],
html[data-theme="light"] .comparison-section [style*="color:#f5f5f7"],
html[data-theme="light"] .comparison-section [style*="color: #f5f5f7"],
html[data-theme="light"] .comparison-section [style*="color:rgba(255,255,255"] {
  color: #0b0a1a !important;
  -webkit-text-fill-color: #0b0a1a !important;
}
/* Keep gradient spans transparent in comparison */
html[data-theme="light"] .comparison-section [style*="webkit-text-fill-color:transparent"],
html[data-theme="light"] .comparison-section [style*="-webkit-text-fill-color: transparent"] {
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
/* Keep checkmark / cross icon colors */
html[data-theme="light"] .comparison-section [style*="color:#4ade80"] { color: #16a34a !important; -webkit-text-fill-color: #16a34a !important; }

/* How-it-works / process section inline white text */
html[data-theme="light"] .steps-section [style*="color:#fff"],
html[data-theme="light"] .steps-section [style*="color: #fff"],
html[data-theme="light"] .steps-section [style*="color:#f5f5f7"],
html[data-theme="light"] .how-section [style*="color:#fff"],
html[data-theme="light"] .how-section [style*="color:#f5f5f7"] {
  color: #0b0a1a !important;
}

/* Features section inline white */
html[data-theme="light"] .features-section [style*="color:#fff"],
html[data-theme="light"] .features-section [style*="color:#f5f5f7"] {
  color: #0b0a1a !important;
}

/* Section headings with inline color styles */
html[data-theme="light"] h1[style*="color:#f5f5f7"],
html[data-theme="light"] h2[style*="color:#f5f5f7"],
html[data-theme="light"] h3[style*="color:#f5f5f7"],
html[data-theme="light"] h1[style*="color:#fff"],
html[data-theme="light"] h2[style*="color:#fff"],
html[data-theme="light"] h3[style*="color:#fff"] {
  color: #0b0a1a !important;
  -webkit-text-fill-color: #0b0a1a !important;
}
/* Keep gradient spans inside headings */
html[data-theme="light"] h1 span[style*="webkit-text-fill-color:transparent"],
html[data-theme="light"] h2 span[style*="webkit-text-fill-color:transparent"],
html[data-theme="light"] h3 span[style*="webkit-text-fill-color:transparent"] {
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* Generic catch-all for any remaining sections */
html[data-theme="light"] .section [style*="color:#fff"],
html[data-theme="light"] .section [style*="color: #fff"] {
  color: #0b0a1a !important;
}