/* ============================================
   Kamaan — Animation utilities & keyframes
   Add new @keyframes and animation classes here
   ============================================ */

/* Fade in up (alternative to .reveal) */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in-up {
  animation: fadeInUp 0.6s ease forwards;
}

/* Fade in */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.animate-fade-in {
  animation: fadeIn 0.5s ease forwards;
}

/* Scale in (for cards / modals) */
@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.animate-scale-in {
  animation: scaleIn 0.4s ease forwards;
}

/* Stagger delay utilities — use with .reveal or animation classes */
.delay-1 { transition-delay: 0.1s; }
.delay-2 { transition-delay: 0.2s; }
.delay-3 { transition-delay: 0.3s; }
.delay-4 { transition-delay: 0.4s; }
.delay-5 { transition-delay: 0.5s; }

/* Reduce motion: respect user preference */
@media (prefers-reduced-motion: reduce) {
  .ticker-track,
  .spinning-ring {
    animation: none;
  }
  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .reveal.visible {
    opacity: 1;
    transform: none;
  }
}