/* Option B — Neon Occult: a séance in a nightclub. Electric violet and poison green, glassy panels. */
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&family=Space+Grotesk:wght@400;500;600&display=swap');

:root {
  --bg: #07050d;
  --surface: rgba(24, 16, 42, .72);
  --ink: #ece6ff;
  --muted: #a79cc8;
  --accent: #b86bff;
  --accent-2: #5dffb1;
  --line: #2c2146;
  --danger: #ff6b8b;
  --radius: 14px;
  --font-display: 'Cinzel Decorative', serif;
  --display-weight: 700;
  --font-body: 'Space Grotesk', system-ui, sans-serif;
  --btn-bg: linear-gradient(135deg, #b86bff, #6b3dff);
  --btn-ink: #fff;
  --btn-glow: 0 0 22px rgba(184, 107, 255, .55), 0 0 2px #fff inset;
  --btn-glow-hover: 0 0 36px rgba(93, 255, 177, .55), 0 0 2px #fff inset;
  --card-shadow: 0 0 0 1px rgba(184, 107, 255, .12), 0 20px 60px rgba(40, 0, 90, .35);
  --scroll-bg: linear-gradient(160deg, rgba(40, 20, 70, .85), rgba(10, 6, 20, .9));
  --header-bg: rgba(7, 5, 13, .7);
  --bg-texture: radial-gradient(circle at 15% 10%, rgba(184, 107, 255, .18), transparent 40%), radial-gradient(circle at 85% 30%, rgba(93, 255, 177, .10), transparent 40%);
  --wall-bg: #05030a;
  --wall-glow: rgba(184, 107, 255, .8);
  --wall-name: #f4ecff;
  --wall-title: #5dffb1;
  --relic-filter: invert(0) hue-rotate(220deg) saturate(2) brightness(1.2) drop-shadow(0 0 12px rgba(184, 107, 255, .6));
  --fog-high: 0x4b1d8a;
  --fog-mid: 0x12092b;
  --fog-low: 0x05030a;
  --fog-base: 0x000000;
  --page-fog: 1;
}
h1 { text-shadow: 0 0 28px rgba(184, 107, 255, .55); }