@keyframes subtleGlow {
  0%, 100% { box-shadow: 0 0 15px rgba(109, 40, 217, 0.15); }
  50% { box-shadow: 0 0 25px rgba(109, 40, 217, 0.35); }
}
.premium-glow {
  animation: subtleGlow 4s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* siatka w tle (kolor = stone-300 przy 50% krycia, wpisany na sztywno,
   bo zewnętrzny plik CSS nie jest przetwarzany przez silnik Tailwind CDN) */
.grid-paper {
  background-image:
    linear-gradient(to right, rgba(214, 211, 209, 0.5) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(214, 211, 209, 0.5) 1px, transparent 1px);
  background-size: 40px 40px;
}