/* ============================================================================
   Aletheia — site-wide LIGHT overlay for the remaining standalone pages
   ----------------------------------------------------------------------------
   Loaded LAST (after each page's inline <style> and, where present,
   /css/styles.css) on:
     pricing.html, plans.html, onboard.html, waitlist.html, welcome.html,
     privacy.html, terms.html, account-deletion.html, 404.html

   Re-skins two page families to match the light homepage / Knowledge Hub:
     A) self-contained pages  — nav #site-header, footer .site-footer,
        own inline dark :root tokens (--bg/--bg-card/--text/--muted/--border)
     B) shared-theme pages    — link /css/styles.css, nav #site-nav,
        footer <footer>, legal-page long-form copy

   NOT linked on index.html, /sourcing-university/*, and does NOT modify
   /css/styles.css or css/hub-light.css. Uses !important so it beats both the
   shared stylesheet and each page's inline dark styles regardless of order.

   Palette (mirrors index.html / hub-light.css):
     bg #fbfbfd  surface #f2f1f6  ink #16161c  ink-soft #4a4a54
     muted #84848f  line #e6e5ec  accent #7b2dff  accent-strong #6a1fe6
     footer(dark): bg #0c0a1a  line #251f3f  text #adaabb  ink #f5f3fb
   ============================================================================ */

/* ── Base ──────────────────────────────────────────────────────────────── */
body{
  background:#fbfbfd !important;
  color:#4a4a54 !important;
}
h1,h2,h3,h4,h5,h6{color:#16161c !important;}

/* ── Nav: shared-theme pages (#site-nav) ───────────────────────────────── */
#site-nav.is-scrolled{
  background:rgba(251,251,253,0.85) !important;
  -webkit-backdrop-filter:saturate(160%) blur(14px);
  backdrop-filter:saturate(160%) blur(14px);
  border-bottom:1px solid #e6e5ec !important;
}
/* Fix inline white wordmark; the nested ".ai" is a grandchild, so `> span`
   leaves its own inline purple untouched. */
#site-nav .nav-logo > span{color:#16161c !important;}
.nav-link{color:#4a4a54 !important;}
.nav-link:hover,.nav-link.is-active{color:#16161c !important;}

/* ── Nav: self-contained pages (#site-header) ──────────────────────────── */
#site-header.scrolled{
  background:rgba(251,251,253,0.85) !important;
  -webkit-backdrop-filter:saturate(160%) blur(14px);
  backdrop-filter:saturate(160%) blur(14px);
  border-bottom:1px solid #e6e5ec !important;
}
#site-header .header-brand > span{color:#16161c !important;}
.header-nav a{color:#4a4a54 !important;}
.header-nav a:hover,.header-nav a.active{color:#16161c !important;}

/* ── Buttons — unify ALL CTAs to solid brand purple, white text ────────── */
.btn-nav-cta,
.btn-primary,
.btn-next,
.btn-see-plans,
.nf-btn-primary,
.btn-plan{
  background:#7b2dff !important;
  color:#fff !important;
  border-color:#7b2dff !important;
}
/* pricing nav CTA has no inline style of its own — give it the pill shape */
.btn-cta{
  display:inline-flex;align-items:center;
  background:#7b2dff !important;color:#fff !important;
  padding:9px 20px;border-radius:980px;
  font-size:13px;font-weight:500;text-decoration:none;
}
/* Secondary / ghost controls */
.btn-back{
  background:transparent !important;
  color:#4a4a54 !important;
  border-color:#e6e5ec !important;
}
.btn-back:hover{border-color:#84848f !important;color:#16161c !important;}
.btn-signin{color:#7b2dff !important;border-color:rgba(123,45,255,0.4) !important;}
.btn-outline{color:#16161c !important;border-color:#e6e5ec !important;}
.nf-btn-ghost{border:1px solid #e6e5ec !important;color:#16161c !important;}

/* ── 404 page ──────────────────────────────────────────────────────────── */
.nf-code{color:#16161c !important;}   /* inner ".0." span keeps its gradient */
.nf-title{color:#16161c !important;}
.nf-sub{color:#4a4a54 !important;}

/* ── Legal / long-form pages (privacy, terms, account-deletion) ────────── */
.legal-page p,.legal-page li{color:#4a4a54 !important;}
.legal-page strong{color:#16161c !important;}
.legal-updated{color:#84848f !important;}

/* ── Pricing ───────────────────────────────────────────────────────────── */
.page-hero p{color:#4a4a54 !important;}
.section-sub{color:#4a4a54 !important;}
.section-divider{border-top-color:#e6e5ec !important;}
.trial-card{background:#ffffff !important;border:1.5px solid rgba(123,45,255,0.4) !important;}
.trial-card p{color:#4a4a54 !important;}
.trial-seat{color:#84848f !important;}
.trial-price{color:#7b2dff !important;}
.trial-price span{color:#84848f !important;}
.faq-list{border-color:#e6e5ec !important;}
.faq-item{border-bottom-color:#e6e5ec !important;}
.faq-q{color:#16161c !important;}
.faq-a{color:#4a4a54 !important;}
/* Plan cards / enterprise (styled defensively in case they are re-added) */
.plan-card{background:#ffffff !important;border-color:#e6e5ec !important;}
.plan-card.popular{background:#ffffff !important;border-color:rgba(123,45,255,0.5) !important;}
.plan-name,.plan-seat,.plan-features li{color:#4a4a54 !important;}
.plan-price{color:#16161c !important;}
.plan-onboard{border-bottom-color:#e6e5ec !important;}
.enterprise-wrap{background:#f2f1f6 !important;border-color:#e6e5ec !important;}
.enterprise-inner p{color:#4a4a54 !important;}

/* ── Plans (personalised plan chooser) ─────────────────────────────────── */
/* plans.js adds .recommended at runtime, so it has no markup to grep for —
   without this the highlighted card keeps its dark inline gradient. */
.plan-card.recommended{
  background:#ffffff !important;
  border:2px solid #7b2dff !important;
}
/* Inline style="color:var(--muted)" spans ("/mo", "($1,500 value)") can only
   be reached by selector, not by the token. */
.plan-price span,.plan-onboard span{color:#84848f !important;}
.trial-note{color:#84848f !important;}

/* ── Onboard wizard ────────────────────────────────────────────────────── */
.step-sub{color:#4a4a54 !important;}
.progress-counter{color:#84848f !important;}
.progress-track{background:#e6e5ec !important;}
.field label.field-label{color:#4a4a54 !important;}
.field input[type="text"],
.field input[type="email"],
.field input[type="tel"],
.field select{
  background:#ffffff !important;
  border:1px solid #e6e5ec !important;
  color:#16161c !important;
}
.field input::placeholder{color:#84848f !important;}
.field select option{background:#ffffff !important;color:#16161c !important;}
.check-row{background:#ffffff !important;border-color:#e6e5ec !important;}
.check-row:hover{border-color:rgba(123,45,255,0.4) !important;}
.check-row.checked{border-color:rgba(123,45,255,0.5) !important;background:rgba(123,45,255,0.06) !important;}
.check-box{border-color:#e6e5ec !important;}
.check-row.checked .check-box{background:#7b2dff !important;border-color:#7b2dff !important;}
.check-label{color:#16161c !important;}
.field-note{color:#4a4a54 !important;}
.confirm-title{color:#16161c !important;}
.confirm-text{color:#4a4a54 !important;}
.comp-body{color:#4a4a54 !important;}

/* ── Waitlist / Welcome ────────────────────────────────────────────────── */
.waitlist-sub,.waitlist-body{color:#4a4a54 !important;}
.welcome-sub,.welcome-note{color:#4a4a54 !important;}
.plan-box{background:#ffffff !important;border:1px solid rgba(123,45,255,0.3) !important;}
.plan-box-name{color:#16161c !important;}

/* ── Footer — deep-violet dark, matched to the homepage ────────────────── */
/* Shared-theme pages: <footer> */
footer{
  background:#0c0a1a !important;
  border-top:1px solid #251f3f !important;
}
.footer-tagline,.footer-group-title{color:#adaabb !important;}
.footer-copy{color:#adaabb !important;}
.footer-link{color:rgba(255,255,255,0.55) !important;}
.footer-link:hover{color:#f5f3fb !important;}
.footer-bottom{border-top-color:#251f3f !important;}

/* Self-contained pages: .site-footer */
.site-footer{
  background:#0c0a1a !important;
  border-top:1px solid #251f3f !important;
}
.site-footer .footer-links a{color:rgba(255,255,255,0.55) !important;}
.site-footer .footer-links a:hover{color:#f5f3fb !important;}