/* ============================================================
   TechPioneerHub — light theme for inner pages.
   Activated by body.light (default; see theme toggle in header).
   Admin panel (admin.css) intentionally stays dark.
   ============================================================ */
body.light {
  --bg: #f1f5f9;
  --bg2: #ffffff;
  --card: #ffffff;
  --card2: #f8fafc;
  --border: #e2e8f0;
  --text: #0f172a;
  --muted: #526180;
  --muted2: #7b8aa0;
  background: var(--bg);
  color: var(--text);
}

/* header */
body.light .site-header { background: rgba(255,255,255,.88); border-bottom: 1px solid var(--border); }
body.light .main-nav a { color: var(--muted); }
body.light .main-nav a:hover, body.light .main-nav a.active { color: var(--text); }
body.light .nav-toggle span { background: var(--text); }
body.light .main-nav { background: #fff; }
body.light .btn-ghost { background: #e8edf5; color: var(--text); }
body.light .btn-outline { border-color: #c3ccd9; color: var(--text); }
body.light .btn-light { border: 1px solid #c3ccd9; }

/* type + forms */
body.light label { color: #475569; }
body.light code { background: #eef2f7; color: #475569; }
body.light input[type=text], body.light input[type=email], body.light input[type=tel],
body.light input[type=number], body.light input[type=password], body.light input[type=search],
body.light select, body.light textarea { background: #fff; }

/* hero (inner pages don't use .hero currently, kept for safety) */
body.light .hero-bg::after { background-image: linear-gradient(#dfe6f0 1px, transparent 1px), linear-gradient(90deg, #dfe6f0 1px, transparent 1px); }
body.light .hero-stats > div { background: #fff; }
body.light .see-all, body.light .empty-state a { color: #c2410c; }

/* cards */
body.light .product-card, body.light .cat-card, body.light .feature-card, body.light .step,
body.light .license-card { box-shadow: 0 6px 22px rgba(15,23,42,.06); }
body.light .product-card:hover { border-color: rgba(79,70,229,.45); box-shadow: 0 16px 40px rgba(15,23,42,.10); }
body.light .card-cat, body.light .cat-count { color: #c2410c; }
body.light .license-featured { box-shadow: 0 0 0 1px var(--primary), 0 16px 40px rgba(79,70,229,.15); }
body.light .license-card li { border-bottom-color: #eef2f7; }

/* chips + search */
body.light .chip { background: #e8edf5; color: var(--muted); border-color: #e8edf5; }
body.light .chip:hover { border-color: var(--primary); color: var(--text); }
body.light .chip-active { color: #fff; }

/* product detail */
body.light .tech-badge { background: rgba(249,86,15,.10); border-color: rgba(249,86,15,.30); color: #c2410c; }
body.light .prose { color: #33415c; }
body.light .about-cols ul { color: #33415c; }
body.light .sum-line { border-top-color: #e8edf5; }
body.light .ref-box strong { color: var(--text); }

/* footer stays dark in both modes (see style.css) — no overrides here */

/* mobile nav divider */
@media (max-width: 700px) {
  body.light .main-nav a { border-top-color: #e8edf5; }
}