/* halloween.js tekent in een vaste laag boven de inhoud, onder header, menu en lightbox. */
body.halloween {
  --halloween-color: #000;
  --halloween-page-z-index: 40;
  --halloween-spider-drop-reach: 75vh;
}

/* Dunne lichte rand: anders verdwijnt zwart op de donkerpaarse achtergrond. */
body.halloween .halloween-web,
body.halloween .halloween-witch-svg,
body.halloween .halloween-drop-spider,
body.halloween .halloween-thread-line,
body.halloween .halloween-tombstone-svg {
  filter: drop-shadow(0 0 1px rgba(255, 255, 255, .55));
}

@media (max-width: 720px) {
  body.halloween {
    --halloween-spider-drop-reach: 32vh;
  }
}