/* ============================================================================
   RELIFLEX — Light theme (site-wide)  ·  the chosen production look
   Loads AFTER revamp.css (home) / interior.css (interior pages). Every rule is
   scoped to [data-theme="light"], so the dark base stays intact and this theme
   is a clean, fully reversible layer — set / remove data-theme="light" on <body>.

   Strategy: the revamp system is already a light canvas; only a handful of DARK
   feature bands exist — the header bar, the home hero / mission / cta, the
   interior .page-hero and .cta-band, the shared footer and the mobile drawer.
   This file flips just those bands to light. Everything else (white cards on the
   ivory canvas, navy headings, azure accents) is already correct.
   ========================================================================== */

/* ---- shared accents that sit on the flipped (now-light) bands ---- */
[data-theme="light"] .eyebrow--light{color:var(--gold-ink)}
[data-theme="light"] .eyebrow--light::before{background:linear-gradient(90deg,var(--gold-ink),transparent)}
[data-theme="light"] .btn-outline-light{border-color:rgba(16,42,76,.28);color:var(--navy)}
[data-theme="light"] .btn-outline-light:hover{border-color:var(--gold-ink);color:var(--gold-ink);background:rgba(16,42,76,.04);transform:translateY(-2px)}

/* =====================  HEADER  ===================== */
[data-theme="light"] .head-nav a:not(.btn){color:var(--navy);opacity:.88}
[data-theme="light"] .head-nav a:not(.btn):hover{opacity:1}
[data-theme="light"] .head-burger span{background:var(--navy)}
/* Primary CTA pill stays a full-strength white-on-azure button (matching the hero
   CTA) — the .head-nav / .head-drawer link rules above must not dim or re-colour it. */
[data-theme="light"] .head-nav a.btn-gold,
[data-theme="light"] .head-drawer a.btn-gold{color:#fff;opacity:1}
/* transparent-at-top (hero pages only): soft light veil so navy links stay legible over the hero.
   Excludes .site-head--solid so interior pages keep their opaque bar. */
[data-theme="light"] .site-head:not(.scrolled):not(.site-head--solid){background:linear-gradient(180deg,rgba(246,249,252,.85),rgba(246,249,252,0))}
[data-theme="light"] .site-head.scrolled{background:rgba(246,249,252,.92);box-shadow:0 8px 30px rgba(16,42,76,.12)}
/* interior pages: opaque light bar from the top */
[data-theme="light"] .site-head--solid{background:rgba(246,249,252,.92);box-shadow:0 8px 30px rgba(16,42,76,.1)}

/* =====================  HERO  (home carousel)  ===================== */
[data-theme="light"] .hero{background:var(--ivory)}
[data-theme="light"] .hero__media::after{background:linear-gradient(90deg,rgba(246,249,252,.96) 0%,rgba(246,249,252,.86) 36%,rgba(246,249,252,.44) 70%,rgba(246,249,252,.64) 100%)}
[data-theme="light"] .hero h1{color:var(--navy);text-shadow:0 1px 10px rgba(246,249,252,.5)}
[data-theme="light"] .hero h1 .accent{color:var(--gold-ink)}
[data-theme="light"] .hero__lead{color:var(--muted)}
[data-theme="light"] .hero__dot{background:rgba(16,42,76,.18)}
[data-theme="light"] .hero__count{color:var(--muted)}
[data-theme="light"] .hero__count b{color:var(--gold-ink)}
[data-theme="light"] .hero__scroll{color:var(--muted)}

/* =====================  PAGE HERO  (interior banner)  ===================== */
[data-theme="light"] .page-hero{background:linear-gradient(150deg,var(--sky) 0%,var(--blush) 50%,var(--ivory) 100%);color:var(--ink);border-bottom:1px solid var(--line)}
[data-theme="light"] .page-hero::before{background:
  radial-gradient(circle at 84% 12%,rgba(20,159,222,.14),transparent 46%),
  radial-gradient(circle at 6% 108%,rgba(12,108,166,.07),transparent 50%)}
[data-theme="light"] .page-hero h1{color:var(--navy)}
[data-theme="light"] .page-hero__lead{color:var(--muted)}
[data-theme="light"] .crumb{color:var(--muted)}
[data-theme="light"] .crumb a{color:var(--gold-ink)}
[data-theme="light"] .crumb a:hover{color:var(--navy)}
[data-theme="light"] .post-hero__meta{color:var(--gold-ink)}
/* faint tonal watermark (shared by .page-hero__wm and .cta-band__wm) */
[data-theme="light"] .watermark{color:rgba(16,42,76,.05)}

/* =====================  MISSION  (home)  ===================== */
[data-theme="light"] .mission{background:linear-gradient(180deg,var(--blush),var(--sky));color:var(--ink)}
[data-theme="light"] .mission .sec-title{color:var(--navy)}
[data-theme="light"] .mission .eyebrow{color:var(--gold-ink)}
[data-theme="light"] .mission .eyebrow::before{background:linear-gradient(90deg,var(--gold-ink),transparent)}
[data-theme="light"] .mission__item{border-top-color:var(--line)}
[data-theme="light"] .mission__num{color:var(--gold-ink);border-color:rgba(12,108,166,.4)}
[data-theme="light"] .mission__item b{color:var(--navy)}
[data-theme="light"] .mission__item p{color:var(--muted)}

/* =====================  CTA  (home) + CTA BAND  (interior)  ===================== */
[data-theme="light"] .cta{background:linear-gradient(120deg,var(--sky),var(--ivory));color:var(--ink)}
[data-theme="light"] .cta h2{color:var(--navy)}
[data-theme="light"] .cta p{color:var(--muted)}
[data-theme="light"] .cta-band{background:linear-gradient(120deg,var(--sky),var(--ivory));color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
[data-theme="light"] .cta-band::before{background:radial-gradient(circle at 82% 24%,rgba(20,159,222,.12),transparent 46%)}
[data-theme="light"] .cta-band h2{color:var(--navy)}
[data-theme="light"] .cta-band p{color:var(--muted)}

/* =====================  FOOTER  (shared chrome)  ===================== */
[data-theme="light"] .foot{background:var(--card-2);color:var(--muted);border-top:1px solid var(--line)}
[data-theme="light"] .foot__h{color:var(--gold-ink)}
[data-theme="light"] .foot__col a:hover{color:var(--gold-ink)}
[data-theme="light"] .foot__contact a{color:var(--navy)}
[data-theme="light"] .foot__contact a:hover{color:var(--gold-ink)}
[data-theme="light"] .foot__base{border-top-color:var(--line)}
[data-theme="light"] .foot__base .mono{color:var(--muted-2)}
[data-theme="light"] .foot__ai{border-top-color:var(--line)}
[data-theme="light"] .foot__ai-h{color:var(--gold-ink)}
[data-theme="light"] .ai-pill{border-color:var(--line);background:var(--card);color:var(--navy)}
[data-theme="light"] .ai-pill svg{color:var(--gold-ink)}
[data-theme="light"] .ai-pill:hover{color:var(--gold-ink);border-color:var(--gold);background:rgba(20,159,222,.08)}
[data-theme="light"] .ai-pill:hover svg{color:var(--gold-ink)}

/* =====================  UI POLISH  (light-theme finish)  =====================
   Small, production-safe finishing touches that apply only on the light layer:
   brand text-selection, accessible keyboard focus rings (the base theme only
   rings .cat), native-control accent, and an on-brand slim scrollbar. No layout
   or spacing changes — purely the premium "chrome" around the existing design. */

/* brand-tinted text selection — azure wash, navy ink (stays readable on white) */
[data-theme="light"] ::selection{background:rgba(20,159,222,.22);color:var(--navy)}

/* native form controls (checkboxes, radios, range) pick up the brand azure */
[data-theme="light"]{accent-color:var(--gold-ink)}

/* crisp azure focus ring for keyboard users on every interactive control that
   lacks one — links, buttons, CTA pills, breadcrumbs, FAQ summaries. Form fields
   keep their own designed focus glow, so they're intentionally excluded here. */
[data-theme="light"] a:focus-visible,
[data-theme="light"] button:focus-visible,
[data-theme="light"] .btn:focus-visible,
[data-theme="light"] summary:focus-visible,
[data-theme="light"] [tabindex]:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}

/* slim, on-brand scrollbar so the browser chrome matches the ivory canvas */
html:has([data-theme="light"]){scrollbar-width:thin;scrollbar-color:rgba(12,108,166,.42) transparent}
html:has([data-theme="light"])::-webkit-scrollbar,
[data-theme="light"] ::-webkit-scrollbar{width:11px;height:11px}
html:has([data-theme="light"])::-webkit-scrollbar-track,
[data-theme="light"] ::-webkit-scrollbar-track{background:transparent}
html:has([data-theme="light"])::-webkit-scrollbar-thumb,
[data-theme="light"] ::-webkit-scrollbar-thumb{background:rgba(12,108,166,.4);border:3px solid var(--ivory);border-radius:999px}
html:has([data-theme="light"])::-webkit-scrollbar-thumb:hover,
[data-theme="light"] ::-webkit-scrollbar-thumb:hover{background:rgba(12,108,166,.62)}

/* =====================  RESPONSIVE (mobile)  ===================== */
@media (max-width:960px){
  [data-theme="light"] .site-head.nav-open{background:rgba(246,249,252,.97)}
  [data-theme="light"] .head-drawer{background:rgba(246,249,252,.98)}
  [data-theme="light"] .head-drawer a:not(.btn){color:var(--navy);border-bottom-color:rgba(16,42,76,.1)}
  [data-theme="light"] .head-drawer a:not(.btn):hover,[data-theme="light"] .head-drawer a:not(.btn).active{color:var(--gold-ink)}
}
@media (max-width:620px){
  /* stronger, uniform veil on small screens so the centred hero copy stays legible */
  [data-theme="light"] .hero__media::after{background:linear-gradient(180deg,rgba(246,249,252,.82),rgba(246,249,252,.92))}
}