/* ==================================================
   AUTH ANIMATIONS & ACCESSIBILITY
   ================================================== */

/* Animations */
@keyframes spin {
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(var(--size-spacing-m));
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ==================================================
   ACCESSIBILITY FEATURES
   ================================================== */

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}