/* ============================================================
   LIGHT-THEME OVERRIDES — applied to any section with .light.
   Dark stays for: boot (title), s-section dividers, amplifier, flywheel, closing.
   Light is opt-in per-section via the .light class on the <section>.
   Accents (pink #F02A5A, orange #E16309) carry over for continuity.
   ============================================================ */
.light {
  --bg: #F4F1E8;                         /* warm cream paper */
  --bg-elev: #FFFFFF;
  --bg-card: #FFFFFF;
  --line: rgba(10, 21, 84, 0.10);
  --line-strong: rgba(10, 21, 84, 0.22);
  --fg: #0A1554;                         /* navy ink */
  --fg-dim: #4B548A;
  --fg-mute: #5F668F;                    /* AA on cream (was #8E94B8, 2.6:1) */
  --grid: rgba(10, 21, 84, 0.06);
  --grid-strong: rgba(240, 42, 90, 0.12);

  /* Ink variants of brand accents for small text on cream.
     Brand pink/orange stay for headlines, pills, big numerals (≥3:1 large). */
  --accent-ink:   #B81742;               /* pink darkened, 5.7:1 AA */
  --accent-2-ink: #A04707;               /* orange darkened, 5.5:1 AA */
  --cyan-ink:     #086978;               /* cyan → deep teal for cream */
}
deck-stage section.light {
  background: var(--bg);
  color: var(--fg);
}

/* Slight warmth on the dotted grid for the cream slides */
.light.grid-bg::before {
  background-image: radial-gradient(circle, var(--grid) 1.2px, transparent 1.4px);
}

/* Chrome rails — soften the dot glow on cream */
.light .chrome-top .dot,
.light .chrome-bottom .dot {
  box-shadow: 0 0 10px rgba(240, 42, 90, 0.35);
}

/* Small accent text on cream — brand pink/orange fail AA at body size,
   so reroute eyebrows, @ accents, indices, and other <24px mono uses to
   the darker ink variants. Big numerals, pills, headlines keep brand pink. */
.light .eyebrow,
.light .sub-eyebrow,
.light .clabel,
.light .prompt,
.light .marker,
.light .terminal .prompt { color: var(--accent-ink); }

.light .s-about2 .role-line .at,
.light .s-section .section-sub .accent2 { color: var(--accent-2-ink); }

.light .s-about2 .handles-row .h .v .at,
.light .s-closing .contact-list .row .v .at,
.light .s-about2 .handles-row .h .k i,
.light .s-closing .contact-list .row .k,
.light .s-closing .contact-list .row .k i { color: var(--accent-ink); }

/* Chrome rail dot keeps brand pink (decorative shape, not text). */