/* ============================================================
   base/animations.css — keyframes + animate/delay helper classes
   ============================================================ */
@keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes scaleIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }
@keyframes spin { to { transform: rotate(360deg); } }

.animate-fade-up { opacity: 0; animation: fadeUp var(--transition-slow) ease-out forwards; }
.animate-fade-in { opacity: 0; animation: fadeIn var(--transition-slow) ease-out forwards; }
.animate-scale-in { opacity: 0; animation: scaleIn 0.3s ease-out forwards; }

.delay-100 { animation-delay: 100ms; }
.delay-200 { animation-delay: 200ms; }
.delay-300 { animation-delay: 300ms; }
.delay-400 { animation-delay: 400ms; }
.delay-500 { animation-delay: 500ms; }