/* Global styles + lightweight animations used by modals/toasts.
   Tailwind is loaded via CDN; these classes complement it. */

@keyframes hqFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes hqScaleIn {
  from { opacity: 0; transform: scale(0.96); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes hqToastIn {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fadeIn {
  animation: hqFadeIn 150ms ease-out both;
}

.animate-scaleIn {
  animation: hqScaleIn 160ms ease-out both;
}

.animate-toastIn {
  animation: hqToastIn 180ms ease-out both;
}

@media (prefers-reduced-motion: reduce) {
  .animate-fadeIn,
  .animate-scaleIn,
  .animate-toastIn {
    animation: none !important;
  }
}