/* Privacy page dark-shell correction, 2026-09-04. Preview QA on the previous production-
   readiness correction found the Privacy page rendering on a near-white background: it reuses
   the light-mode component classes (.section/.wrap.two-col/.eyebrow/.lede/h1/h2) that were built
   for the pre-V10 homepage, while nav/footer/Mia (chrome.css) are dark-themed by design. On a
   white page, those already-dark chrome elements read as washed out — the bug wasn't in
   chrome.css, it was the light background behind it.

   This file re-skins just the Privacy page's content to the same dark shell the homepage uses,
   reusing the same --bg/--platinum/--platinum-dim/--platinum-faint/--ice tokens already defined
   globally in tokens.css (see universe.css's own body{}/.kicker{}/h2{}/.lede{} rules — this
   mirrors that exact color pairing for consistency).

   Scoped to body.privacy-dark, which base.njk only sets when page.url == "/privacy/". That
   keeps this file from affecting the homepage (already dark via universe.css, untouched here)
   or the Build Log pages (intentionally still light-mode, unaffected — no build-log page ever
   gets the .privacy-dark body class). Loaded only on /privacy/ via the same base.njk page.url
   gate used for universe.css, so it never reaches other pages even if something else added the
   class by mistake. */

body.privacy-dark {
  background: var(--bg);
  color: var(--platinum);
}

/* .section still provides the vertical rhythm (padding) shared with Build Log — only the paint
   changes here, not the layout, so nav clearance and spacing stay identical to what QA already
   passed on Build Log. */
body.privacy-dark .section {
  background: transparent;
}

/* Narrow, readable legal-content column — same intent as the light-mode .two-col, tightened
   slightly for long-form reading on a dark background. */
body.privacy-dark .wrap.two-col {
  max-width: 640px;
}

body.privacy-dark .eyebrow {
  color: var(--ice);
}

body.privacy-dark h1,
body.privacy-dark h2 {
  color: var(--platinum);
}

/* Body copy and the lede: dimmed secondary text, same --platinum-dim used for nav links and
   the homepage's .lede — verified contrast ratio on --bg is ~6.45:1, comfortably above the
   4.5:1 WCAG AA threshold for normal text. */
body.privacy-dark .lede,
body.privacy-dark p {
  color: var(--platinum-dim);
}

/* The closing "not legal advice" disclaimer is deliberately the quietest text on the page —
   --platinum-faint on --bg is ~5.14:1, still passing AA. */
body.privacy-dark em {
  color: var(--platinum-faint);
  font-style: italic;
}

/* Links: ice-blue, ~9:1 contrast on --bg (exceeds AAA for normal text). Focus state matches the
   same treatment already used site-wide in chrome.css/universe.css for keyboard focus. */
body.privacy-dark a {
  color: var(--ice);
  text-decoration-color: rgba(99, 182, 224, 0.45);
}
body.privacy-dark a:hover {
  color: var(--platinum);
}
body.privacy-dark a:focus-visible {
  outline: 2px solid var(--ice);
  outline-offset: 3px;
  border-radius: 2px;
}