/* each holiday turns the page's own colours for the day; the effect is drawn over everything and never takes a click */
.holiday-sky { position: fixed; inset: 0; width: 100vw; height: 100vh; pointer-events: none; z-index: 50; }
.holiday-say { position: fixed; left: 16px; bottom: 12px; z-index: 51; font: 12px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif; letter-spacing: .04em; color: var(--holiday, #ece6f7); text-shadow: 0 1px 6px rgba(0, 0, 0, .6); pointer-events: none; }
html.holiday-new-year, html.holiday-new-years-eve { --accent: #f5d76e; --wave: #e0b84c; --holiday: #f5d76e; }
html.holiday-valentines { --accent: #f07a9a; --wave: #e04868; --holiday: #f07a9a; }
html.holiday-st-patricks { --accent: #3fae5a; --wave: #7ad69a; --holiday: #7ad69a; }
html.holiday-easter { --accent: #f6a6d0; --wave: #a6c8f6; --holiday: #f6c6e0; }
html.holiday-halloween { --accent: #f08a24; --wave: #9a4ad0; --holiday: #f08a24; }
html.holiday-thanksgiving { --accent: #e0a050; --wave: #c86a2a; --holiday: #e0a050; }
html.holiday-christmas, html.holiday-christmas-eve { --accent: #e04848; --wave: #3fa86a; --holiday: #f2f2f2; }
@media (max-width: 760px) { .holiday-say { left: 50%; transform: translateX(-50%); bottom: 8px; white-space: nowrap; } }