/* =============================================================
   LIGHT MODE -- Theme 1 (Violet Dark) Override
   Default: Dark mode. Light mode = white bg + strong dark text
   ALL text must be clearly readable on white background
============================================================= */

/* -- Toggle Button ------------------------------------------- */
.theme-toggle-wrap {
  display: flex;
  align-items: center;
  gap: 7px;
}
.theme-toggle {
  width: 46px;
  height: 26px;
  border-radius: 50px;
  background: rgba(124,58,237,.2);
  border: 1.5px solid rgba(124,58,237,.4);
  cursor: pointer;
  position: relative;
  transition: all .35s ease;
  flex-shrink: 0;
  padding: 0;
  outline: none;
}
.theme-toggle::before {
  content: '';
  position: absolute;
  top: 3px; left: 3px;
  width: 18px; height: 18px;
  border-radius: 50%;
  background: #a78bfa;
  transition: transform .35s cubic-bezier(.4,0,.2,1), background .3s ease;
  box-shadow: 0 2px 6px rgba(124,58,237,.5);
}
html[data-theme="light"] .theme-toggle {
  background: rgba(124,58,237,.1);
  border-color: rgba(124,58,237,.3);
}
html[data-theme="light"] .theme-toggle::before {
  transform: translateX(20px);
  background: #7c3aed;
  box-shadow: 0 2px 6px rgba(124,58,237,.3);
}
.theme-toggle-icon {
  font-size: .95rem;
  line-height: 1;
  user-select: none;
  transition: opacity .3s ease;
}
/* Dark = moon lit, sun dim */
.icon-sun  { opacity: .45 }
.icon-moon { opacity: 1   }
/* Light = sun lit, moon dim */
html[data-theme="light"] .icon-sun  { opacity: 1   }
html[data-theme="light"] .icon-moon { opacity: .4  }

/* ==========================================================
   LIGHT MODE ROOT + BASE
========================================================== */
html[data-theme="light"] {
  --bg:        #ffffff;
  --bg2:       #f8f7ff;
  --bg3:       #f0eeff;
  --card:      #ffffff;
  --card-hv:   #f5f3ff;
  --white:     #111827;
  --muted:     #374151;
  --border:    #e5e7eb;
  --border-hv: rgba(124,58,237,0.35);
  --sh-v:      0 8px 30px rgba(124,58,237,.15);
}
html[data-theme="light"] body {
  background: #ffffff;
  color: #1f2937;
}

/* == NAVBAR ================================================ */
html[data-theme="light"] .navbar {
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid #e5e7eb;
  box-shadow: 0 1px 12px rgba(0,0,0,.07);
}
html[data-theme="light"] .navbar.scrolled {
  background: rgba(255,255,255,.99);
  box-shadow: 0 2px 20px rgba(0,0,0,.1);
}
html[data-theme="light"] .nav-logo        { color: #111827 !important }
html[data-theme="light"] .nav-logo span   { color: #7c3aed !important }
html[data-theme="light"] .nav-links a     { color: #374151 !important }
html[data-theme="light"] .nav-links a:hover,
html[data-theme="light"] .nav-links a.active { color: #7c3aed !important }
html[data-theme="light"] .hamburger span  { background: #111827 }

/* == BUTTONS =============================================== */
html[data-theme="light"] .btn-ghost {
  background: #ffffff;
  border: 1.5px solid #d1d5db;
  color: #1f2937 !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.07);
}
html[data-theme="light"] .btn-ghost:hover {
  border-color: #7c3aed;
  color: #7c3aed !important;
  background: #faf8ff;
}
html[data-theme="light"] .btn-outline-color {
  background: rgba(124,58,237,.07);
  border-color: rgba(124,58,237,.35);
  color: #5b21b6;
}

/* == CHIP =================================================== */
html[data-theme="light"] .chip {
  background: #ede9fe;
  border-color: rgba(124,58,237,.25);
  color: #5b21b6 !important;
}
html[data-theme="light"] .dot { background: #7c3aed }

/* == HERO =================================================== */
html[data-theme="light"] .home-hero {
  background: linear-gradient(160deg,#ffffff 0%,#f5f3ff 55%,#fdf4f8 100%);
}
html[data-theme="light"] .hero-orb-1 { background: rgba(124,58,237,.1)  }
html[data-theme="light"] .hero-orb-2 { background: rgba(236,72,153,.07) }
html[data-theme="light"] .hero-orb-3 { background: rgba(0,182,212,.06)  }
html[data-theme="light"] .hero-title  { color: #0f0a1e !important }
html[data-theme="light"] .hero-desc   { color: #374151 !important }
html[data-theme="light"] .hero-checklist li { color: #1f2937 !important }
html[data-theme="light"] .hero-badge {
  background: #ffffff;
  border-color: rgba(124,58,237,.25);
  color: #5b21b6 !important;
  box-shadow: 0 2px 8px rgba(124,58,237,.1);
}
html[data-theme="light"] .live-dot { background: #10b981; box-shadow: 0 0 6px #10b981 }

/* -- Hero dashboard card ------------------------------------ */
html[data-theme="light"] .dash-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 12px 40px rgba(0,0,0,.1);
}
html[data-theme="light"] .stat-box {
  background: #f8f7ff;
  border: 1px solid #ddd6fe;
}
html[data-theme="light"] .stat-box .val {
  background: linear-gradient(135deg,#7c3aed,#ec4899);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
html[data-theme="light"] .stat-box .lbl { color: #4b5563 !important }
html[data-theme="light"] .lead-item {
  background: #f8f7ff;
  border: 1px solid #e5e7eb;
  border-left: 2px solid rgba(124,58,237,.4);
}
html[data-theme="light"] .lead-name { color: #111827 !important }
html[data-theme="light"] .lead-time { color: #4b5563 !important }
html[data-theme="light"] .av { background: #ede9fe; color: #5b21b6 !important }
html[data-theme="light"] .badge-new {
  background: #ede9fe;
  color: #5b21b6 !important;
  border-color: rgba(124,58,237,.25);
}
html[data-theme="light"] .float-pill {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 8px 24px rgba(0,0,0,.1);
}
html[data-theme="light"] .fp-val {
  background: linear-gradient(135deg,#7c3aed,#ec4899);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
html[data-theme="light"] .fp-lbl { color: #4b5563 !important }
html[data-theme="light"] .b { background: linear-gradient(to top,#7c3aed,#a78bfa) }

/* == TRUST STRIP ============================================ */
html[data-theme="light"] .trust-strip {
  background: #ffffff;
  border-color: #e5e7eb;
}
html[data-theme="light"] .trust-num {
  background: linear-gradient(135deg,#7c3aed,#ec4899);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
html[data-theme="light"] .trust-lbl { color: #4b5563 !important }
html[data-theme="light"] .trust-sep { background: #e5e7eb }

/* == SECTIONS =============================================== */
html[data-theme="light"] section       { background: #ffffff }
html[data-theme="light"] section.alt-bg{ background: #f8f7ff }
html[data-theme="light"] .section-title{ color: #0f0a1e !important }
html[data-theme="light"] .section-sub  { color: #374151 !important }
html[data-theme="light"] section p     { color: #374151 }
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4            { color: #111827 }

/* == STATS BAND ============================================ */
html[data-theme="light"] .stats-band {
  background: linear-gradient(135deg,#7c3aed,#5b21b6);
  border: none;
}
html[data-theme="light"] .stats-band .section-title { color: #fff !important }
html[data-theme="light"] .stats-band .section-sub   { color: rgba(255,255,255,.8) !important }
html[data-theme="light"] .stat-item { background: transparent }
html[data-theme="light"] .stat-num  {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: none;
  -webkit-background-clip: unset;
}
html[data-theme="light"] .stat-lbl  { color: rgba(255,255,255,.75) !important }

/* == OLD vs NEW ============================================ */
html[data-theme="light"] .old-way {
  background: #fff5f5;
  border-color: #fca5a5;
}
html[data-theme="light"] .old-way::before { background: linear-gradient(90deg,#ef4444,#f87171) }
html[data-theme="light"] .new-way {
  background: #f5f3ff;
  border-color: rgba(124,58,237,.3);
}
html[data-theme="light"] .new-way::before { background: linear-gradient(90deg,#7c3aed,#00e5ff) }
html[data-theme="light"] .oldnew-label   { color: #111827 !important }
html[data-theme="light"] .oldnew-sublabel{ color: #4b5563 !important }
html[data-theme="light"] .oldnew-list li { color: #1f2937 !important }
html[data-theme="light"] .x-icon  { color: #dc2626 !important }
html[data-theme="light"] .ck-icon { color: #5b21b6 !important }
html[data-theme="light"] .oldnew-result.bad  { background: #fef2f2; color: #b91c1c !important }
html[data-theme="light"] .oldnew-result.good { background: #ede9fe; color: #5b21b6 !important }
html[data-theme="light"] .vs-circle {
  background: #ede9fe;
  border-color: rgba(124,58,237,.3);
  color: #5b21b6 !important;
}
html[data-theme="light"] .vs-arrow { color: #7c3aed !important }

/* == SYSTEMS ================================================ */
html[data-theme="light"] .system-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
html[data-theme="light"] .system-card:hover {
  border-color: rgba(124,58,237,.3);
  box-shadow: 0 8px 30px rgba(124,58,237,.12);
}
html[data-theme="light"] .featured-system {
  background: #f5f3ff;
  border-color: rgba(124,58,237,.4);
}
html[data-theme="light"] .system-num   { color: rgba(91,33,182,.5)  !important }
html[data-theme="light"] .system-title { color: #111827 !important }
html[data-theme="light"] .system-desc  { color: #374151 !important }
html[data-theme="light"] .system-features li { color: #1f2937 !important }
html[data-theme="light"] .system-features li::before { color: #7c3aed !important }
html[data-theme="light"] .system-outcome {
  background: #ede9fe;
  color: #5b21b6 !important;
}
html[data-theme="light"] .system-outcome span { color: #5b21b6 !important }

/* == HOOK OFFER ============================================ */
html[data-theme="light"] .hook-wrapper {
  background: #ffffff;
  border-color: rgba(124,58,237,.2);
  box-shadow: 0 20px 60px rgba(124,58,237,.12);
}
html[data-theme="light"] .hook-badge-top {
  background: linear-gradient(135deg,#ede9fe,#fdf4f8);
  border-bottom-color: rgba(124,58,237,.15);
  color: #5b21b6 !important;
}
html[data-theme="light"] .hook-content { border-right-color: #e5e7eb }
html[data-theme="light"] .hook-item {
  background: #f8f7ff;
  border: 1px solid #e5e7eb;
}
html[data-theme="light"] .hook-item:hover { border-color: rgba(124,58,237,.3) }
html[data-theme="light"] .hook-item strong { color: #111827 !important }
html[data-theme="light"] .hook-item span   { color: #374151 !important }
html[data-theme="light"] .hook-value-stack { background: #f8f7ff; border-color: #e5e7eb }
html[data-theme="light"] .value-line span:first-child { color: #111827 !important }
html[data-theme="light"] .val-price        { color: #4b5563 !important }
html[data-theme="light"] .today-line {
  background: #ede9fe;
  border-left-color: #7c3aed;
}
html[data-theme="light"] .today-line span:first-child { color: #5b21b6 !important }
html[data-theme="light"] .hook-cta-box { background: #f8f7ff }
html[data-theme="light"] .hook-price-display {
  background: #ffffff;
  border-color: rgba(124,58,237,.2);
  box-shadow: 0 2px 8px rgba(124,58,237,.08);
}
html[data-theme="light"] .hook-price-note { color: #4b5563 !important }
html[data-theme="light"] .hook-guarantee  { color: #374151 !important }
html[data-theme="light"] .hook-guarantee span { color: #059669 !important }
html[data-theme="light"] .hook-content p  { color: #374151 !important }
html[data-theme="light"] .hook-urgency {
  background: #fef2f2;
  border-color: #fca5a5;
  color: #b91c1c !important;
}
html[data-theme="light"] .urgency-dot { background: #ef4444 }

/* == ROI CALCULATOR ======================================== */
html[data-theme="light"] .calc-wrapper {
  background: #ffffff;
  border-color: #e5e7eb;
  box-shadow: 0 12px 40px rgba(0,0,0,.08);
}
html[data-theme="light"] .calc-inputs { background: #ffffff; border-right-color: #e5e7eb }
html[data-theme="light"] .calc-results { background: #f8f7ff }
html[data-theme="light"] .calc-heading { color: #111827 !important }
html[data-theme="light"] .calc-field label { color: #1f2937 !important }
html[data-theme="light"] .calc-field label small { color: #4b5563 !important }
html[data-theme="light"] .calc-input {
  background: #f8f7ff;
  border-color: #d1d5db;
  color: #111827;
}
html[data-theme="light"] .calc-input:focus {
  border-color: #7c3aed;
  background: #f5f3ff;
  box-shadow: 0 0 0 3px rgba(124,58,237,.1);
}
html[data-theme="light"] .calc-unit { color: #4b5563 !important }
html[data-theme="light"] .calc-radio {
  background: #ffffff;
  border-color: #d1d5db;
  color: #1f2937 !important;
}
html[data-theme="light"] .calc-radio:has(input:checked) {
  background: #ede9fe;
  border-color: rgba(124,58,237,.4);
  color: #5b21b6 !important;
}
html[data-theme="light"] .calc-disclaimer {
  background: #ecfeff;
  border-color: rgba(6,182,212,.25);
  color: #0e7490 !important;
}
html[data-theme="light"] .calc-result-row {
  background: #ffffff;
  border: 1px solid #e5e7eb;
}
html[data-theme="light"] .calc-result-row.lost  { background: #fff5f5; border-color: #fca5a5 }
html[data-theme="light"] .calc-result-row.gain  { background: #f0fdf4; border-color: #86efac }
html[data-theme="light"] .calc-result-row.highlight  { background: #ede9fe; border-color: rgba(124,58,237,.3) }
html[data-theme="light"] .calc-result-row.highlight2 { background: #f5f3ff; border-color: rgba(124,58,237,.2) }
html[data-theme="light"] .crr-label  { color: #374151 !important }
html[data-theme="light"] .crr-label small { color: #4b5563 !important }
html[data-theme="light"] .crr-value  { color: #111827 !important }
html[data-theme="light"] .crr-value.loss { color: #b91c1c !important }
html[data-theme="light"] .crr-value.gain { color: #059669 !important }
html[data-theme="light"] .highlight-val  {
  background: linear-gradient(135deg,#7c3aed,#ec4899);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
html[data-theme="light"] .highlight2-val {
  background: linear-gradient(135deg,#5b21b6,#7c3aed);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
html[data-theme="light"] .calc-result-divider {
  background: #ede9fe;
  border-color: rgba(124,58,237,.2);
  color: #5b21b6 !important;
}

/* == STEPS ================================================== */
html[data-theme="light"] .step-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 2px 8px rgba(0,0,0,.05);
}
html[data-theme="light"] .step-card:hover {
  border-color: rgba(124,58,237,.25);
  box-shadow: 0 8px 30px rgba(124,58,237,.12);
}
html[data-theme="light"] .step-num   { color: rgba(91,33,182,.45) !important }
html[data-theme="light"] .step-title { color: #111827 !important }
html[data-theme="light"] .step-desc  { color: #374151 !important }

/* == TOOLS ================================================== */
html[data-theme="light"] .tool-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 2px 6px rgba(0,0,0,.05);
}
html[data-theme="light"] .tool-card:hover {
  border-color: rgba(124,58,237,.25);
  box-shadow: 0 8px 28px rgba(124,58,237,.12);
}
html[data-theme="light"] .tool-title { color: #111827 !important }
html[data-theme="light"] .tool-desc  { color: #374151 !important }
html[data-theme="light"] .c-violet { background: #ede9fe }
html[data-theme="light"] .c-cyan   { background: #ecfeff }
html[data-theme="light"] .c-pink   { background: #fdf2f8 }
html[data-theme="light"] .c-blue   { background: #eff6ff }
html[data-theme="light"] .c-green  { background: #f0fdf4 }
html[data-theme="light"] .c-orange { background: #fffbeb }

/* == TESTIMONIALS ============================================ */
html[data-theme="light"] .testi-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 2px 8px rgba(0,0,0,.05);
}
html[data-theme="light"] .testi-card:hover {
  border-color: rgba(124,58,237,.25);
  box-shadow: 0 8px 30px rgba(124,58,237,.12);
}
html[data-theme="light"] .testi-stars { color: #f59e0b !important }
html[data-theme="light"] .testi-text  { color: #1f2937 !important }
html[data-theme="light"] .testi-name  { color: #111827 !important }

/* == PAIN CARDS ============================================== */
html[data-theme="light"] .pain-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 2px 8px rgba(0,0,0,.05);
}
html[data-theme="light"] .pain-card:hover {
  border-color: rgba(124,58,237,.25);
  box-shadow: 0 8px 30px rgba(124,58,237,.12);
}
html[data-theme="light"] .pain-card h3 { color: #111827 !important }
html[data-theme="light"] .pain-card p  { color: #374151 !important }
html[data-theme="light"] .prob-sol-block {
  background: #f9fafb;
  border-color: #e5e7eb;
  border-left-color: #7c3aed;
}
html[data-theme="light"] .prob-sol-block.success {
  background: #f0fdf4;
  border-left-color: #10b981;
}
html[data-theme="light"] .prob-label  { color: #5b21b6 !important }
html[data-theme="light"] .prob-sol-block.success .prob-label { color: #059669 !important }
html[data-theme="light"] .prob-text   { color: #1f2937 !important }
html[data-theme="light"] .check-list li { color: #1f2937 !important }

/* == CTA BOX ================================================== */
html[data-theme="light"] .cta-box {
  background: linear-gradient(135deg,#7c3aed,#5b21b6);
}
html[data-theme="light"] .cta-box h2  { color: #ffffff !important }
html[data-theme="light"] .cta-box p   { color: rgba(255,255,255,.9) !important }
html[data-theme="light"] .cta-eyebrow { color: rgba(255,255,255,.8) !important }
html[data-theme="light"] .cta-note    { color: rgba(255,255,255,.65) !important }
html[data-theme="light"] .cta-box .btn-glow { background: #ffffff; color: #5b21b6 !important }
html[data-theme="light"] .cta-box .btn-ghost {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.4);
  color: #ffffff !important;
}

/* == FAQ ====================================================== */
html[data-theme="light"] .faq-item {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 4px rgba(0,0,0,.05);
}
html[data-theme="light"] .faq-item.open {
  border-color: rgba(124,58,237,.3);
  box-shadow: 0 4px 20px rgba(124,58,237,.1);
}
html[data-theme="light"] .faq-q { color: #111827 !important }
html[data-theme="light"] .faq-q:hover,
html[data-theme="light"] .faq-item.open .faq-q { color: #7c3aed !important }
html[data-theme="light"] .faq-arr {
  background: #ede9fe;
  border-color: rgba(124,58,237,.2);
  color: #5b21b6 !important;
}
html[data-theme="light"] .faq-item.open .faq-arr {
  background: #7c3aed;
  color: #fff !important;
  border-color: #7c3aed;
}
html[data-theme="light"] .faq-a { color: #374151 !important }

/* == PRICING ================================================== */
html[data-theme="light"] .price-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
html[data-theme="light"] .price-card.featured {
  background: #f5f3ff;
  border-color: rgba(124,58,237,.4);
  box-shadow: 0 8px 30px rgba(124,58,237,.15);
}
html[data-theme="light"] .price-card:hover {
  box-shadow: 0 12px 40px rgba(124,58,237,.15);
}
html[data-theme="light"] .price-name { color: #111827 !important }
html[data-theme="light"] .price-desc { color: #374151 !important }
html[data-theme="light"] .price-amount sup { font-size: 1.2rem; vertical-align:super }
html[data-theme="light"] .price-features li { color: #1f2937 !important }
html[data-theme="light"] .price-card p { color: #374151 !important }
html[data-theme="light"] .pricing-tabs {
  background: #f3f4f6;
  border-color: #e5e7eb;
}
html[data-theme="light"] .ptab { color: #4b5563 !important }

/* == INTEGRATIONS ============================================= */
html[data-theme="light"] .integ-section { background: #f8f7ff }
html[data-theme="light"] .integ-fade-l { background: linear-gradient(90deg,#f8f7ff,transparent) }
html[data-theme="light"] .integ-fade-r { background: linear-gradient(-90deg,#f8f7ff,transparent) }
html[data-theme="light"] .integ-card {
  background: #ffffff;
  border-color: #e5e7eb;
  box-shadow: 0 1px 4px rgba(0,0,0,.06);
}
html[data-theme="light"] .integ-card:hover {
  border-color: rgba(124,58,237,.3);
  box-shadow: 0 4px 16px rgba(124,58,237,.12);
}
html[data-theme="light"] .integ-card-name { color: #374151 !important }
html[data-theme="light"] .integ-card img[alt="TikTok"],
html[data-theme="light"] .integ-card img[alt="X / Twitter"] {
  filter: none !important;
}
html[data-theme="light"] .integ-hub-core {
  background: #ffffff;
  border-color: rgba(124,58,237,.25);
  box-shadow: 0 8px 30px rgba(124,58,237,.15);
}
html[data-theme="light"] .integ-hub-name { color: #111827 !important }
html[data-theme="light"] .integ-hub-tag  { color: #5b21b6 !important }
html[data-theme="light"] .hub-satellite {
  background: #ffffff;
  border-color: rgba(124,58,237,.15);
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
html[data-theme="light"] .hub-sat-lbl { color: #4b5563 !important }
html[data-theme="light"] .integ-stats-bar {
  background: #ffffff;
  border-color: #e5e7eb;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
html[data-theme="light"] .isp-lbl { color: #4b5563 !important }
html[data-theme="light"] .isp-num {
  background: linear-gradient(135deg,#7c3aed,#ec4899);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
html[data-theme="light"] .integ-ring { border-color: rgba(124,58,237,.12) }

/* == MOBILE APP =============================================== */
html[data-theme="light"] #mobile-app { background: #f8f7ff }
html[data-theme="light"] .app-features-list li {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 4px rgba(0,0,0,.05);
}
html[data-theme="light"] .app-features-list li:hover {
  border-color: rgba(124,58,237,.25);
  box-shadow: 0 4px 16px rgba(124,58,237,.1);
}
html[data-theme="light"] .app-features-list li strong { color: #111827 !important }
html[data-theme="light"] .app-features-list li span   { color: #374151 !important }
html[data-theme="light"] .app-tagline { color: #5b21b6 !important }

/* Store buttons */
html[data-theme="light"] .store-btn {
  background: #ffffff;
  border: 1.5px solid #e5e7eb;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
html[data-theme="light"] .store-btn:hover {
  border-color: rgba(124,58,237,.4);
  box-shadow: 0 8px 28px rgba(124,58,237,.15);
}
html[data-theme="light"] .store-btn-text small  { color: #4b5563 !important }
html[data-theme="light"] .store-btn-text strong { color: #111827 !important }
html[data-theme="light"] .store-btn-icon svg    { fill: #111827 }
html[data-theme="light"] .store-btn.btn-android .store-btn-icon svg { fill: #34A853 }

/* Phone mockup */
html[data-theme="light"] .phone-wrap::before {
  background: radial-gradient(ellipse,rgba(124,58,237,.14),rgba(236,72,153,.08),transparent) !important;
}
html[data-theme="light"] .phone-frame {
  background: linear-gradient(160deg,#ffffff,#faf9ff) !important;
  box-shadow: 0 0 0 1px rgba(124,58,237,.15), 0 32px 80px rgba(0,0,0,.15), 0 0 40px rgba(124,58,237,.1) !important;
}
html[data-theme="light"] .phone-frame::before,
html[data-theme="light"] .phone-frame::after {
  background: linear-gradient(to bottom,#e5e7eb,#d1d5db,#e5e7eb) !important;
  box-shadow: 0 42px 0 #e5e7eb !important;
}
html[data-theme="light"] .phone-screen-inner {
  background: linear-gradient(160deg,#f5f3ff,#faf9ff) !important;
  border: 1px solid rgba(124,58,237,.1) !important;
}
html[data-theme="light"] .phone-stat-box {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.06) !important;
}
html[data-theme="light"] .phone-stat-lbl { color: #4b5563 !important }
html[data-theme="light"] .phone-app-name { color: #111827 !important }
html[data-theme="light"] .phone-time     { color: #111827 !important }
html[data-theme="light"] .phone-notif-item {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.05) !important;
}
html[data-theme="light"] .phone-notif-title { color: #111827 !important }
html[data-theme="light"] .phone-notif-sub   { color: #4b5563 !important }
html[data-theme="light"] .phone-float-badge {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.1) !important;
}
html[data-theme="light"] .pfb-lbl { color: #4b5563 !important }
html[data-theme="light"] .phone-live-dot {
  background: #f0fdf4 !important;
  border-color: #86efac !important;
}

/* == PAGE HERO (inner pages) ================================== */
html[data-theme="light"] .page-hero {
  background: linear-gradient(160deg,#ffffff,#f5f3ff);
}
html[data-theme="light"] .page-hero h1 { color: #0f0a1e !important }
html[data-theme="light"] .page-hero p  { color: #374151 !important }

/* == INNER PAGE CARDS ========================================= */
html[data-theme="light"] .feat-card,
html[data-theme="light"] .team-card,
html[data-theme="light"] .value-card,
html[data-theme="light"] .demo-benefit {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 2px 8px rgba(0,0,0,.05);
}
html[data-theme="light"] .feat-card:hover,
html[data-theme="light"] .team-card:hover,
html[data-theme="light"] .value-card:hover {
  border-color: rgba(124,58,237,.25);
  box-shadow: 0 8px 30px rgba(124,58,237,.12);
}
html[data-theme="light"] .feat-title  { color: #111827 !important }
html[data-theme="light"] .feat-desc   { color: #374151 !important }
html[data-theme="light"] .team-name   { color: #111827 !important }
html[data-theme="light"] .team-role   { color: #5b21b6 !important }
html[data-theme="light"] .team-bio    { color: #374151 !important }
html[data-theme="light"] .value-title { color: #111827 !important }
html[data-theme="light"] .value-text  { color: #374151 !important }
html[data-theme="light"] .feat-visual {
  background: linear-gradient(135deg,#f5f3ff,#ede9fe);
  border-color: rgba(124,58,237,.15);
}
html[data-theme="light"] .feat-detail-tag  { color: #5b21b6 !important }
html[data-theme="light"] .feat-detail-desc { color: #374151 !important }
html[data-theme="light"] .feat-list li     { color: #1f2937 !important }

/* == DEMO FORM ================================================ */
html[data-theme="light"] .demo-form-card {
  background: #ffffff;
  border-color: rgba(124,58,237,.18);
  box-shadow: 0 12px 40px rgba(0,0,0,.08);
}
html[data-theme="light"] .form-input {
  background: #f8f7ff;
  border-color: #d1d5db;
  color: #111827;
}
html[data-theme="light"] .form-input:focus {
  border-color: #7c3aed;
  background: #f5f3ff;
  box-shadow: 0 0 0 3px rgba(124,58,237,.12);
}
html[data-theme="light"] .form-input::placeholder { color: #9ca3af }
html[data-theme="light"] .form-label { color: #1f2937 !important }
html[data-theme="light"] .db-title   { color: #111827 !important }
html[data-theme="light"] .db-text    { color: #374151 !important }

/* == FOOTER =================================================== */
html[data-theme="light"] .site-footer {
  background: #ffffff;
  border-top-color: #e5e7eb;
}
html[data-theme="light"] .footer-glow { opacity: 0 }
html[data-theme="light"] .footer-brand p    { color: #374151 !important }
html[data-theme="light"] .footer-col h5     { color: #111827 !important }
html[data-theme="light"] .footer-col ul li a{ color: #4b5563 !important }
html[data-theme="light"] .footer-col ul li a:hover { color: #7c3aed !important }
html[data-theme="light"] .footer-bottom p   { color: #6b7280 !important }
html[data-theme="light"] .footer-bottom     { border-top-color: #e5e7eb }
html[data-theme="light"] .footer-links a    { color: #6b7280 !important }
html[data-theme="light"] .footer-links a:hover { color: #7c3aed !important }
html[data-theme="light"] .social-icon {
  background: #f3f4f6;
  border-color: #e5e7eb;
  color: #4b5563 !important;
}
html[data-theme="light"] .social-icon:hover {
  border-color: #7c3aed;
  color: #7c3aed !important;
  background: #ede9fe;
}

/* == MOBILE DRAWER ============================================ */
html[data-theme="light"] .mobile-drawer {
  background: #ffffff;
  border-left-color: #e5e7eb;
  box-shadow: -8px 0 40px rgba(0,0,0,.1);
}
html[data-theme="light"] .drawer-close {
  border-color: #e5e7eb;
  color: #4b5563 !important;
}
html[data-theme="light"] .drawer-close:hover { border-color: #7c3aed; color: #7c3aed !important }
html[data-theme="light"] .drawer-logo  { color: #111827 !important }
html[data-theme="light"] .drawer-logo span  { color: #7c3aed !important }
html[data-theme="light"] .drawer-nav a {
  color: #1f2937 !important;
  border-bottom-color: #e5e7eb;
}
html[data-theme="light"] .drawer-nav a:hover { color: #7c3aed !important }
html[data-theme="light"] .drawer-overlay { background: rgba(0,0,0,.4) }

/* == TABLE ==================================================== */
html[data-theme="light"] table td { color: #1f2937 !important }
html[data-theme="light"] table th { color: #111827 !important }
html[data-theme="light"] thead th { background: #f9fafb }

/* == SOLUTION VIS ============================================= */
html[data-theme="light"] .solution-vis {
  background: linear-gradient(135deg,#f5f3ff,#ede9fe);
  border-color: rgba(124,58,237,.15);
  box-shadow: 0 8px 32px rgba(124,58,237,.1);
}
html[data-theme="light"] .sol-icon-item {
  background: #ffffff;
  border-color: #e5e7eb;
  box-shadow: 0 2px 6px rgba(0,0,0,.06);
}
html[data-theme="light"] .sol-label { color: rgba(255,255,255,.8) }

/* == METRICS CARD ============================================= */
html[data-theme="light"] .metrics-card {
  background: #ffffff;
  border-color: rgba(124,58,237,.15);
  box-shadow: 0 4px 16px rgba(0,0,0,.07);
}
html[data-theme="light"] .metric-bar  { background: #f3f4f6 }
html[data-theme="light"] .metric-header span:first-child { color: #374151 !important }

/* == OVERRIDE ALL inline var(--muted) in light ================ */
html[data-theme="light"] [style*="color:var(--muted)"],
html[data-theme="light"] [style*="color: var(--muted)"] { color: #374151 !important }
html[data-theme="light"] section p  { color: #374151 }
html[data-theme="light"] .page-hero p { color: #374151 !important }