/* ============================================================
   Karify — Animations
   Keyframes and motion utilities. Honours prefers-reduced-motion.
   ============================================================ */

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

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

@keyframes slideInRight {
  from { transform: translateX(100%); }
  to   { transform: translateX(0); }
}

@keyframes countUp {
  from { opacity: 0.4; }
  to   { opacity: 1; }
}

@keyframes pulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.7; }
}

@keyframes shimmer {
  0%   { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

.fade-up {
  animation: fadeUp var(--duration-normal) var(--ease-out) both;
}

.fade-in {
  animation: fadeIn var(--duration-normal) var(--ease-out) both;
}

.slide-in-right {
  animation: slideInRight var(--duration-normal) var(--ease-out) both;
}

.count-up {
  animation: countUp var(--duration-normal) var(--ease-out) both;
}

.pulse {
  animation: pulse 2s var(--ease-out) infinite;
}

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