/* ══════════════════════════════════════════
   THEME · Dark (homepage)
   Scoped to body.theme-dark so both theme
   files can coexist when Barba transitions.
══════════════════════════════════════════ */
body.theme-dark {
  --text-color:        46 37% 93%;   /* #F4F1E7 cream */
  --background-color:   0 0% 10%;   /* #1A1A1A */
  --accent-hsl:         3 100% 61%; /* #FE3939 coral */
  --bg2:                hsl(0 0% 15%);
  --grain-opacity:     .035;
  --grain-blend:       overlay;
}

/* Case-studies dropdown is shared + theme-adaptive — see design-system.css */

/* ── Hero scrim (dark/video bg) ── */
body.theme-dark .hero-vscrim {
  background:
    linear-gradient(100deg, rgba(0,0,0,.80) 0%, rgba(0,0,0,.72) 40%, rgba(0,0,0,.58) 60%, rgba(0,0,0,.20) 82%, rgba(0,0,0,0) 100%),
    linear-gradient(to bottom, rgba(0,0,0,.30) 0%, rgba(0,0,0,.22) 50%, rgba(0,0,0,.44) 100%);
}
body.theme-dark header.vid-on .intro,
body.theme-dark header.vid-on h1.hero {
  text-shadow: 0 2px 20px rgba(0,0,0,.62), 0 1px 3px rgba(0,0,0,.55);
}