/*
  Holiday Snow (Reusable)
  - Full-screen snowfall canvas overlay
  - Optional banner-top snow accumulation (rendered by JS on the same canvas)
  - Theme: cold-blue (default)
*/

:root {
  --holiday-snow-z-index: 9999;

  /* Cold blue-white palette (no warm tones) */
  --holiday-snow-color-core: rgba(255, 255, 255, 0.95);
  --holiday-snow-color-mid: rgba(234, 244, 255, 0.72);
  --holiday-snow-color-edge: rgba(207, 233, 255, 0.25);
}

/* Page-level kill switch */
html[data-holiday-snow="off"] .holiday-snow-canvas,
body[data-holiday-snow="off"] .holiday-snow-canvas {
  display: none !important;
}

/* Fixed overlay, never blocks interactions */
.holiday-snow-canvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: var(--holiday-snow-z-index);
}

.holiday-snow-canvas[hidden] {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  /* JS will heavily degrade animation; keep visuals even softer. */
  .holiday-snow-canvas {
    opacity: 0.9;
  }
}