/* ============================================================
   light-theme.css — HOMEPAGE ONLY (index.html).
   All rules scoped to body.home-light. Do NOT link from course pages.
   Flips index.html from dark-neon to the light/white palette.
   ============================================================ */

/* 1 ── Scoped token redefinition: flips the bulk via var() */
body.home-light {
  --ink: #ffffff;
  --s1: #f7f7fb;
  --s2: #ffffff;
  --text: #16161d;
  --muted: #4a4a5a;
  --border2: #e6e6ef;
  --border: rgba(91, 78, 255, 0.30);
  background: #ffffff;
  color: #16161d;
}

/* 2 ── Kill the dark background scaffolding (index.html 563-564) */
body.home-light .mesh,
body.home-light .grid-bg,
body.home-light .card-glow { display: none; }

/* 3 ── Nav stays dark over the white page (matches course-page pattern) */
body.home-light nav {
  background: rgba(13, 13, 22, 0.82);
  border-color: rgba(255, 255, 255, 0.08);
}
/* logo text uses var(--text) → flipped dark by the token override; keep it white on the dark nav */
body.home-light nav .logo span,
body.home-light nav .logo em { color: #ffffff; }

/* 4 ── Generic card elevation (cards must read on white) */
body.home-light .num-box,
body.home-light .review-card,
body.home-light .p-card,
body.home-light .course-card,
body.home-light .bundle-card {
  background: #ffffff;
  border: 1px solid #e6e6ef;
  box-shadow: 0 8px 24px rgba(22, 22, 40, 0.06);
}

/* 5 ── HERO (index.html 585-647) */
body.home-light #hero-wrap {
  background-color: #ffffff;
  background-image:
    radial-gradient(ellipse 70% 50% at 15% 5%, rgba(91, 78, 255, 0.08) 0%, transparent 60%),
    radial-gradient(ellipse 50% 40% at 85% 85%, rgba(0, 229, 192, 0.07) 0%, transparent 55%),
    linear-gradient(rgba(22, 22, 40, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(22, 22, 40, 0.05) 1px, transparent 1px);
  background-size: auto, auto, 64px 64px, 64px 64px;
}
body.home-light #hero-wrap h1 { color: #16161d; }
body.home-light .h1-grad {
  background-image: linear-gradient(90deg, #5b4eff 0%, #0a8f7a 55%, #6d28d9 100%);
}
body.home-light .hero-desc { color: #4a4a5a; }
body.home-light .hero-desc strong { color: #16161d; }
body.home-light .stat-val { color: #16161d; }
body.home-light .stat-val em { color: #0a8f7a; }
body.home-light .stat-label { color: #4a4a5a; }
body.home-light .stat-sep { background: rgba(22, 22, 40, 0.10); }

/* Hero preview cards → white, soft shadow (drop the neon glow) */
body.home-light .hcard {
  background: #ffffff;
  border: 1px solid #e6e6ef;
  box-shadow: 0 18px 44px rgba(22, 22, 40, 0.12);
}
body.home-light .hcard-title { color: #16161d; }
body.home-light .hcard-sub,
body.home-light .prog-meta span,
body.home-light .mini-lbl { color: #4a4a5a; }
body.home-light .prog-bar { background: #ececf3; }
body.home-light .tag-purple {
  background: rgba(91, 78, 255, 0.10);
  color: #5b4eff;
  border: 1px solid rgba(91, 78, 255, 0.25);
}
body.home-light .mini-val.g { color: #0a8f7a; }
body.home-light .mini-val.o { color: #c2410c; }

/* Hero description: Montserrat (matches the headline family) + two-paragraph rhythm */
body.home-light .hero-desc { font-family: 'Montserrat', sans-serif; font-weight: 400; margin-bottom: 12px; }
body.home-light .hero-desc:last-of-type { margin-bottom: 34px; }
body.home-light .hero-desc strong { font-weight: 600; }

/* Page-wide heading/label refinements for the light palette
   (neon-cyan reads poorly on white → teal endpoint) */
body.home-light .section-label { color: #0a8f7a; }
body.home-light h2 .grad { background-image: linear-gradient(90deg, #5b4eff, #0a8f7a); }

/* 6 ── FEATS BAR (index.html 649-655) */
body.home-light .feats-bar {
  background: #f7f7fb;
  border-top: 1px solid #e6e6ef;
  border-bottom: 1px solid #e6e6ef;
}
body.home-light .feat-text strong { color: #16161d; }
body.home-light .feat-text { color: #4a4a5a; }
body.home-light .feat-ic.ic-p  { background: rgba(91, 78, 255, 0.08);  border: 1px solid rgba(91, 78, 255, 0.25); }
body.home-light .feat-ic.ic-t  { background: rgba(0, 229, 192, 0.08);  border: 1px solid rgba(0, 229, 192, 0.30); }
body.home-light .feat-ic.ic-o  { background: rgba(255, 107, 53, 0.08); border: 1px solid rgba(255, 107, 53, 0.28); }
body.home-light .feat-ic.ic-pk { background: rgba(232, 88, 255, 0.08); border: 1px solid rgba(232, 88, 255, 0.28); }

/* 7 ── SOCIAL PROOF (index.html 659-701) */
body.home-light #social { background: #f7f7fb; }
body.home-light .num-desc { color: #4a4a5a; }
body.home-light .review-card:hover { border-color: rgba(91, 78, 255, 0.35); }
body.home-light .reviewer-name { color: #16161d; }
body.home-light .reviewer-role,
body.home-light .review-text { color: #4a4a5a; }
/* .num-big keeps its gradient text — verified in QA (Task 8) */

/* 8 ── PORTFOLIO (index.html 705-808) */
body.home-light #portfolio { background: #ffffff; }
body.home-light .tabs { background: #f0f0f5; }
body.home-light .tab { color: #4a4a5a; }
body.home-light .tab.active {
  background: rgba(91, 78, 255, 0.10);
  border: 1px solid rgba(91, 78, 255, 0.30);
  color: #16161d;
}
body.home-light .p-card:hover { border-color: rgba(0, 229, 192, 0.45); }
body.home-light .p-card-title { color: #16161d; }
body.home-light .p-card-meta { color: #4a4a5a; }
body.home-light .p-tool {
  background: #f0f0f5;
  color: #4a4a5a;
  border: 1px solid #e6e6ef;
}

/* 9 ── FREE-COURSE (index.html 812-845) — CSS only, no markup/JS touched */
body.home-light #free-course { background: #f7f7fb; }
body.home-light .free-card {
  background: linear-gradient(135deg, rgba(0, 229, 192, 0.05), rgba(91, 78, 255, 0.05)), #ffffff;
  border: 1px solid rgba(0, 229, 192, 0.35);
  box-shadow: 0 18px 44px rgba(22, 22, 40, 0.10);
}
body.home-light .free-input {
  background: #ffffff;
  border: 1.5px solid #e6e6ef;
  color: #16161d;
}
body.home-light .free-input::placeholder { color: #8a8a9a; }
body.home-light .free-input:focus { border-color: #5b4eff; }
/* .btn-free keeps its neon gradient (legible as-is) */
/* fine print has an inline color:#fff (white-on-white) — override needs !important */
body.home-light .free-fine { color: #6a6a7a !important; }

/* 10 ── COMMUNITY (index.html 1038-1056) — CSS only */
body.home-light .community { background: #f7f7fb; }
body.home-light .community-textarea { background: #ffffff; }
body.home-light .community-thanks {
  background: rgba(0, 229, 192, 0.05);
  border: 1px solid rgba(0, 229, 192, 0.30);
  color: #0a8f7a;
}

/* 11 ── COURSES GRID (index.html 849-932) */
body.home-light #courses { background: #ffffff; }
body.home-light .course-card:hover {
  border-color: rgba(91, 78, 255, 0.35);
  box-shadow: 0 12px 40px rgba(22, 22, 40, 0.10);
}
body.home-light .course-card-title { color: #16161d; }
body.home-light .course-card-desc { color: #4a4a5a; }
body.home-light .course-card-price strong { color: #16161d; }
body.home-light .course-card-cta { color: #5b4eff; }

/* 12 ── BUNDLES (index.html 935-1004) */
body.home-light #bundles { background: #f7f7fb; }
body.home-light .bundle-card-title { color: #16161d; }
body.home-light .bundle-card-sub { color: #4a4a5a; }
body.home-light .bundle-card-list li { color: #4a4a5a; }
body.home-light .bundle-card-featured {
  background: linear-gradient(135deg, rgba(91, 78, 255, 0.06), #ffffff);
  border: 1px solid rgba(91, 78, 255, 0.30);
  box-shadow: 0 18px 48px rgba(22, 22, 40, 0.10);
}
/* .bundle-badge-top keeps its gradient */
body.home-light .btn-bundle {
  border: 1px solid #e6e6ef;
  color: #16161d;
}
body.home-light .btn-bundle:hover {
  background: rgba(91, 78, 255, 0.05);
  border-color: rgba(91, 78, 255, 0.30);
}
/* primary (filled) bundle button keeps its gradient + white text */
body.home-light .btn-bundle.btn-bundle-main {
  color: #ffffff;
  border-color: transparent;
}

/* Whole-heading gradients (mission/community use <h2 class="grad">, not a child span).
   Force the text-clip so it renders as gradient TEXT, not a gradient box behind dark text. */
body.home-light .grad {
  background-image: linear-gradient(90deg, #5b4eff, #0a8f7a);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 13 ── MISSION (index.html 1010-1036) */
body.home-light .mission { background: #f7f7fb; }
body.home-light .mission-statement { color: #16161d; }
body.home-light .mission-statement strong { color: #5b4eff; }
body.home-light .mission-current { color: #16161d; }
body.home-light .mission-goal,
body.home-light .mission-progress-note { color: #4a4a5a; }
body.home-light .mission-photo img { box-shadow: 0 12px 32px rgba(22, 22, 40, 0.10); }
body.home-light .mission-progress-bar { background: #ececf3; }
/* .mission-progress-fill keeps its gradient */

/* 14 ── COMMUNITY sub-headline (index.html 1042) */
body.home-light .community-sub { color: #4a4a5a; }

/* 15 ── FOOTER (index.html 1059-1092; base bg hardcoded #161616) */
body.home-light .footer-card { background: #f0f0f5; color: #16161d; }
body.home-light .footer-card a { color: #16161d; }
body.home-light .footer-copy,
body.home-light .footer-address { color: rgba(22, 22, 40, 0.55); }
body.home-light .footer-legal-links a { color: rgba(22, 22, 40, 0.6); }
body.home-light .footer-legal-links a:hover,
body.home-light .footer-social-links a:hover { color: #5b4eff; }