/*
 * Global prefers-reduced-motion reset.
 *
 * Honors the user's OS-level "reduce motion" accessibility setting by
 * neutralizing animations, transitions, and smooth scrolling across the
 * whole app (Tailwind utilities, onboarding tour, and any inline styles).
 *
 * Loaded last in base.html so these resets win over tailwind.css /
 * onboarding.css. Scoped to the media query, so default motion is left
 * untouched for everyone who has not opted out.
 *
 * Durations are collapsed to a near-zero value rather than `none` so that
 * JS relying on `animationend` / `transitionend` events still fires.
 */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-delay: 0ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0ms !important;
    scroll-behavior: auto !important;
  }
}