/* ============================================================
   themes.css -- Dark/night mode overrides.
   Part of the split from the original single style.css.
   ============================================================ */

/* ---------- DARK / NIGHT MODE ---------- */
/* The previous dark theme only swapped the base palette, which broke in
   two ways: (1) --fluoro-white (card/input surfaces) and --paper (page
   panels) were nearly identical near-black tones, so every card visually
   merged into its background with no elevation cue, and (2) a lot of
   subtle background tints elsewhere in this file were hardcoded as
   rgba(0,0,0, X) assuming a light surface to darken -- on a dark surface
   that's invisible or reads as a random near-black smudge. Both are now
   routed through theme-aware tokens (--tint-rgb, --shadow-rgb) so this
   block is the single place that needs to get it right. */
html.theme-dark {
  --wall-yellow: #14110a;
  --wall-yellow-dark: #0a0805;
  --stain-brown: #d9ac6e;
  --ink: #e8e1d0;
  --fluoro-white: #2c2416;
  --glitch-pink: #ff5aa8;
  --cursed-green: #57ffb8;
  --danger-red: #ff6b7d;
  --bg-black: #000000;
  --paper: #1c170e;
  --border-soft: rgba(232, 225, 208, 0.16);

  /* Subtle tints now lighten instead of darken (there's nowhere left to
     go darker), using the same warm tan as body text so they read as
     "considered" rather than a generic inverted white. */
  --tint-rgb: 232, 225, 208;

  /* Shadows stay dark, which is correct -- real dark-mode UI conveys
     elevation through surface color (the --fluoro-white fix above), not
     through visible shadows, since a black shadow barely registers
     against an already-dark background. */
  --shadow-rgb: 0, 0, 0;
}

html.theme-dark body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: var(--z-scanlines);
  background-image: repeating-linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.2) 0px,
    rgba(0, 0, 0, 0.2) 1px,
    transparent 1px,
    transparent 3px
  );
}