/* assets/css/animations.css
   Shared motion primitives. Applied via class, never redefined ad hoc
   per screen. */

@keyframes mt-spin { to { transform: rotate(360deg); } }

@keyframes mt-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes mt-slide-up {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes mt-scale-in {
  from { opacity: 0; transform: scale(0.94); }
  to { opacity: 1; transform: scale(1); }
}

.anim-fade-in { animation: mt-fade-in var(--transition) both; }
.anim-slide-up { animation: mt-slide-up 0.45s cubic-bezier(.2,.8,.25,1) both; }
.anim-scale-in { animation: mt-scale-in var(--transition) both; }

.anim-delay-1 { animation-delay: .08s; }
.anim-delay-2 { animation-delay: .16s; }
.anim-delay-3 { animation-delay: .24s; }