/* ============================================================
   dark-theme.css — page-scoped dark ink + gold-leaf override.
   Loaded LAST (after genesis-base.css + aaa-visuals.css) so its
   :root wins over the shared light ("cream") theme. Only linked on
   pages we've re-themed to the flagship dark identity; the shared
   stylesheets stay untouched, so other pages keep their theme.
   Matches the homepage palette (ink #0A0A0C / gold #C9A227).
   ============================================================ */
:root{
  --bg:#0A0A0C; --bg-2:#101216; --card:#171B21; --card-2:#1E232B;
  --ink:#ECE6D6; --ink-2:#B4AE9E; --ink-3:#8C8472;
  --gold:#C9A227; --gold-2:#E7C766; --gold-deep:#A8883A;
  --line:rgba(233,206,123,.18); --line-soft:rgba(233,206,123,.10); --line-2:rgba(255,255,255,.06);
}

/* nav + top utility bar back to dark (light theme had re-pinned these to cream) */
nav{background:rgba(10,10,12,.86)!important; border-bottom:1px solid var(--line-2);}
.util{background:#0C1017!important; color:var(--ink-3);}

/* aaa-visuals hardcoded-white cards → dark panels with a gold rail */
.vx-card{
  background:var(--card)!important;
  border-color:rgba(233,206,123,.16)!important;
  border-left-color:var(--gold)!important;
}
.stack-track .chip{
  background:var(--card)!important;
  border-color:var(--line)!important;
  box-shadow:none!important;
  color:var(--ink);
}

/* genesis light-theme surfaces that were re-pinned to cream */
.cov,.step{background:var(--card)!important;}

/* captions authored for a light scene → readable gold/ink on dark */
.vx-scene.vx-on-light .vx-scene-caption{color:var(--gold-2)!important;}
.vx-scene.vx-on-light .vx-scene-sub{color:var(--ink-2)!important;}

/* keep the dark visual frames flush on a dark page */
.vx-scene-frame{background:transparent;}