/* ==========================================================================
   Light theme — loaded AFTER style.css on every page.
   Flips the design tokens to a white palette, then keeps a few surfaces
   dark on purpose (hero photo, CTA band, preloader) with light text.
   ========================================================================== */

:root {
  --ink: #f6f5f2;          /* page background */
  --ink-2: #ffffff;        /* raised surfaces (cards, inputs) */
  --ink-3: #eeece6;        /* hover surface */
  --paper: #ffffff;
  --paper-dim: #e7e3da;
  --white: #17161a;        /* primary text (now dark) */
  --mist: #56535a;         /* secondary text */
  --mist-dim: #6e6a63;     /* tertiary / labels (AA: 4.93:1 on --ink) */
  --line: rgba(20, 18, 22, 0.12);
  --line-strong: rgba(20, 18, 22, 0.24);
}

/* Header — light bar, dark logo & nav ---------------------------------------- */

.site-header {
  background: rgba(246, 245, 242, 0.9);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(20, 18, 22, 0.08);
}

.site-header.is-scrolled {
  background: rgba(246, 245, 242, 0.95);
  border-color: rgba(20, 18, 22, 0.1);
}

/* Hero — bright photo, so the copy runs dark -------------------------------- */

.hero-copy,
.hero h1 {
  color: #241a12;
}

.hero-eyebrow,
.hero-desc,
.scroll-cue {
  color: #5c5049;
}

.registration-note {
  /* Was #7b6f66 (~4.56:1, borderline against the hero scrim) — reuse the
     hero's other secondary-text color, already comfortably >4.5:1. */
  color: #5c5049;
}

.scroll-cue::after {
  background: rgba(36, 26, 18, 0.28);
}

/* Interior page hero — light ------------------------------------------------- */

.page-hero {
  background:
    radial-gradient(64% 110% at 100% 0%, rgba(220, 0, 12, 0.1), transparent 58%),
    linear-gradient(180deg, #ffffff 0%, #f6f5f2 100%);
  border-bottom: 1px solid rgba(20, 18, 22, 0.1);
}

/* Section-light — subtle grey band with dark text ---------------------------- */

.section-light {
  background: #efede8;
  color: #17161a;
}

/* Document search button — dark on light ------------------------------------- */

.doc-search-row button {
  background: #17161a;
  color: #f6f5f2;
}

.doc-search-row button:hover {
  background: #000000;
}

/* CTA banner — bright, on-theme band with a soft red glow -------------------- */

.cta-banner {
  background: linear-gradient(180deg, #fffaf9 0%, #fbe8e4 100%);
  color: #17161a;
}

.cta-banner::before {
  background: radial-gradient(60% 80% at 50% 0%, rgba(220,0,12,0.14), transparent 70%);
}

.cta-banner h2 {
  color: #17161a;
}

.cta-banner .lead {
  color: #56535a;
}

.cta-banner .eyebrow {
  color: #8a5a54;
}

/* Preloader — white background, red logo + red laser beams ------------------- */

.preloader {
  background: #ffffff;
}

.preloader-beams span {
  background: linear-gradient(90deg, transparent 0%, rgba(255,47,58,1) 30%, #e2001a 50%, rgba(255,47,58,1) 70%, transparent 100%);
}