/* Temas sazonais. Cada tema usa [data-sazonal="<nome>"] no <html>.
   Regras: enfeites leves, nunca atrapalham a leitura, e respeitam "reduzir movimento". */

/* ================================================================ Natal */
[data-sazonal="natal"] .topo::after {
  /* cordão de luzinhas embaixo do topo */
  content: '';
  position: absolute; left: 0; right: 0; bottom: -7px; height: 10px; pointer-events: none;
  background:
    radial-gradient(circle at 10px 5px, #ff3b4f 3.5px, transparent 4.5px) 0 0 / 80px 10px repeat-x,
    radial-gradient(circle at 30px 5px, #ffd23f 3.5px, transparent 4.5px) 0 0 / 80px 10px repeat-x,
    radial-gradient(circle at 50px 5px, #2ecc71 3.5px, transparent 4.5px) 0 0 / 80px 10px repeat-x,
    radial-gradient(circle at 70px 5px, #4fa3ff 3.5px, transparent 4.5px) 0 0 / 80px 10px repeat-x;
  animation: piscar 2.4s ease-in-out infinite;
}
[data-sazonal="natal"] .destaque-hero {
  background:
    radial-gradient(circle at 85% 20%, rgb(255 255 255 / .18) 0 2px, transparent 3px) 0 0 / 46px 46px,
    radial-gradient(circle at 30% 70%, rgb(255 255 255 / .14) 0 1.5px, transparent 2.5px) 0 0 / 34px 34px,
    linear-gradient(135deg, var(--destaque-profundo), #0b5a31);
}
[data-sazonal="natal"] .destaque-hero h1::after { content: ' 🎄'; }
[data-sazonal="natal"] .cartao h2 .icone { background: linear-gradient(135deg, rgb(var(--destaque-rgb) / .18), rgb(15 107 58 / .18)); }

/* neve caindo (só desenhada no fundo, atrás do conteúdo) */
.neve { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; display: none; }
[data-sazonal="natal"] .neve { display: block; }
.neve i {
  position: absolute; top: -12px; width: 6px; height: 6px; border-radius: 50%;
  background: #fff; opacity: .75; filter: blur(.4px);
  animation: cair linear infinite;
}
[data-modo="claro"] .neve i { background: #c9d6e6; }

@keyframes cair { to { transform: translate3d(var(--vento, 20px), 105vh, 0); } }
@keyframes piscar { 0%, 100% { opacity: 1; } 50% { opacity: .55; } }
@media (prefers-reduced-motion: reduce) { .neve { display: none !important; } }

/* ================================================================ próximos temas
   Copie o bloco do Natal, troque o nome e os enfeites:
   [data-sazonal="carnaval"] ...   [data-sazonal="festa_junina"] ...   [data-sazonal="pascoa"] ...
*/