// Reduced motion accessibility styles
// See: https://www.w3.org/WAI/WCAG21/Understanding/prefers-reduced-motion.html

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

  // Example: fade transitions
  .fade-transition {
    transition: none !important;
  }

  // Example: disable parallax, movement, or other effects
  .parallax, .animated-bg, .glitch {
    animation: none !important;
    transition: none !important;
  }

  // Hide animated elements if needed
  .animated-cursor {
    display: none !important;
  }
}