/* Noir theme: butter yellow on ink, rainy-street scene. Tokens only; app.js switches
   <html data-theme> once a theme's stylesheet has loaded (falls back to noir).
   Re-tints the neobrutalist tokens from /css/style.css (scoped to <html data-theme="noir">)
   and sets the 3D scene's backdrop, the sunset/sunrise washes and the accused's light cone. */
:root[data-theme='noir'] {
  /* Behind the 3D scene (and while it loads). */
  --scene-bg: #07070a;
  --scene-glow: #1a1626;
  --scrim: rgba(7, 7, 10, 0.4);
  --spot-cone: rgba(255, 226, 168, 0.34);

  /* Sunset / sunrise UI wash. */
  --wash-sunset: #b4473a;
  --wash-sunrise: #e0a066;

  /* Neobrutalist re-tint: accent, card tints and phase pills. */
  --accent: #fef08a;
  --accent-ink: #1b1b1e;
  --hero-tint: #ffffff;
  --card-identity: #ede9fe;
  --card-roles: #d1fae5;
  --card-mech: #fef9e7;
  --card-lobby: #ffe4e6;
  --night-pill: #ede9fe;
  --day-pill: #fef08a;
  --trial-pill: #ffe4e6;

  /* Patterned pastel backdrop when there is no 3D scene (reduced motion, no WebGL). */
  --backdrop-day: #fdf6d3;
  --backdrop-night: #e6e1fa;
  --backdrop-trial: #fde3e6;
}