/* ============================================================
   AEQUARA · LIGHT GROUND for the static MARKETING HTML
   2026-06-09 · brand-unification wave 2
   ------------------------------------------------------------
   The marketing pages (about / suite / methodology / the sub-brand
   pages, etc.) load /design-tokens.css then the legacy dark
   /site.css, which re-declares the semantic tokens to a dark
   ground and paints html/body #0E1116. This file is linked AFTER
   site.css on each marketing page and re-points everything back to
   the canonical Decide light-editorial system — the same move the
   Next.js app makes via app/app-theme.css, so every AEQUARA surface
   (React routes + static HTML) reads as one brand.

   Because the pages colour themselves through var(--aeq-*), the
   token flip lights up the majority in one move; the few hardcoded
   dark shared components (section.dark, the dark .nav glass) get
   explicit light overrides below. Per-page inline dark hardcodes
   are converted in each file's own <style>.

   Literal values + !important so the override wins over site.css
   regardless of link order. See AEQUARA-DECIDE-SOTA-V2-MERGE §3.
   ============================================================ */

:root {
  --aeq-bone-warm:    #F8F4EA !important;
  --aeq-bone-deep:    #EAE6DC !important;
  --aeq-bg:           #F5F2EB !important;
  --aeq-bg-warm:      #F8F4EA !important;
  --aeq-bg-deep:      #EAE6DC !important;
  --aeq-fg:           #0E1116 !important;
  --aeq-fg-soft:      #1A1F26 !important;
  --aeq-fg-mute:      #3A4049 !important;
  --aeq-rule:         rgba(14,17,22,.12) !important;
  --aeq-rule-strong:  rgba(14,17,22,.24) !important;
}

html { color-scheme: light !important; background: #F5F2EB !important; }
body { background: #F5F2EB !important; color: #0E1116 !important; }
::selection { background: rgba(201,169,97,.30); color: #0E1116; }

/* (2026-06-10 chrome-unification: the legacy site.css .nav markup is gone —
   every static page now uses the canonical .aeq-nav from /aeq-chrome.css —
   so the old .nav light-glass override block was removed.) */

/* The dark "section.dark" feature band → a light deep-bone band with
   ink text (editorial rhythm preserved, but on-brand light). */
section.dark {
  background: var(--aeq-bg-deep) !important;
  color: var(--aeq-fg) !important;
  border-color: var(--aeq-rule) !important;
}
section.dark p                                   { color: var(--aeq-fg-soft) !important; }
section.dark h1, section.dark h2, section.dark h3 { color: var(--aeq-fg) !important; }

/* The site.css grain overlay (html::before fractal noise @ ~2.6%) is
   neutral on bone and reads as editorial tooth — intentionally kept. */

/* (2026-06-10 chrome-unification: the legacy ink-dark #030508 footer is
   retired on every static page — all now use the light .sf-foot twin of
   app/_components/SiteFooter.tsx (styles in /aeq-chrome.css, literal ink
   colours) — so the footer token re-flip block was removed. suite.html's
   sf-foot also uses literals and never depended on it.) */

/* Gilt-as-text fails on bone (2.0:1; .hero-tag's .7-alpha gilt ≈ 1.75:1) —
   bronze-deep = 6.3:1, passes AA small text. Gilt stays correct on dark only. */
.hero-tag        { color: var(--aeq-bronze-deep) !important; }
.feature .meta   { color: var(--aeq-bronze-deep) !important; }
.version-row .pill.live { color: var(--aeq-bronze-deep) !important; border-color: rgba(107,85,48,.45) !important; }

/* WCAG contrast sweep (2026-06-10, Lighthouse color-contrast):
   .card .meta — site.css paints it gilt #C9A961 (2.0:1 on bone / on warm
   #F8F4EA blend = 2.04:1; needs 4.5:1 at 11px). Bronze-deep = 6.3:1 on bone,
   6.4:1 on warm — same metal family, AA-clean everywhere on the light ground. */
.card .meta { color: var(--aeq-bronze-deep) !important; }

/* .method-row .num — site.css ghost numeral rgba(201,169,97,.25) flattens to
   #EAE0C9 on bone = 1.17:1 (needs 3:1 as large text; 48px desktop / 24px
   mobile, both >= the 24px large-text floor). #9A7E4D is the same gilt/bronze
   hue solidified to 3.44:1 — keeps the ghost-numeral register while passing.
   NOTE: depends on the 24px mobile floor in site.css; if the numeral ever
   drops below 24px normal weight, this needs >= 4.5:1 (use bronze-deep). */
.method-row .num { color: #9A7E4D !important; }