/* =============================================================
   AEDO — Home page HYBRID light theme. Scoped to html.home-light.
   "Dark chrome + dark showcase moments, light everything else."
   Token remap lightens all var()-based sections; #hero and the
   #apps BuildX showcase restore dark tokens locally to stay dark.
   ============================================================= */

html.home-light {
  --bg:  #f4f7fb;
  --bg2: #ffffff;
  --bg3: #eef3f9;
  --card: #ffffff;
  --text:  #0f2033;
  --text2: #46596f;
  --text3: #7e90a3;
  --border: rgba(15,32,51,0.10);
  --shadow:    0 4px 24px rgba(15,32,51,0.10);
  --shadow-lg: 0 16px 44px rgba(15,32,51,0.16);
}
html.home-light body { background: var(--bg); color: var(--text); }

/* ---------- DARK CHROME: navbar ---------- */
html.home-light #navbar.scrolled { background: rgba(10,18,30,0.92); box-shadow: 0 1px 0 rgba(255,255,255,0.06); }
html.home-light #navbar .nav-links a { color: #aebccd; }
html.home-light #navbar .nav-links a:hover { color: #fff; background: rgba(255,255,255,0.08); }
html.home-light #navbar .nav-dropdown-toggle { color: #aebccd; }
html.home-light #navbar .nav-dropdown-toggle:hover { color: #fff; background: rgba(255,255,255,0.08); }
html.home-light #navbar .nav-logo-text,
html.home-light #navbar .logo-name { color: #eef3f9; }
html.home-light #navbar .logo-sub-inline { color: #8fa0b3; }
html.home-light .hamburger span { background: #dde8f0; }

/* ---------- DARK MOMENTS: hero + BuildX showcase ----------
   Restore the full dark token set locally so every var()-based child
   (and the hardcoded-dark ones) renders correctly on dark. */
html.home-light #hero,
html.home-light #apps,
html.home-light #contact {
  --bg:  #080f18;
  --bg2: #0b1622;
  --bg3: #0f1e2e;
  --card: #132437;
  --text:  #dde8f0;
  --text2: #7a9ab5;
  --text3: #4a6880;
  --border: rgba(255,255,255,0.08);
  color: var(--text);
}
html.home-light #apps,
html.home-light #contact { background: #080f18; }

/* ---------- LIGHT-SECTION text fixes (were white-on-dark) ---------- */
html.home-light .step-label { color: var(--text2); }
html.home-light #testimonials strong { color: var(--text); }