/* Generische Animationen — siehe DESIGNGUIDE.md §6 */

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

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

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

.animate-fade-in-up { animation: fadeInUp 0.6s ease-out both; }
.animate-fade-in    { animation: fadeIn   0.5s ease-out both; }

.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.2s; }
.delay-300 { animation-delay: 0.3s; }
.delay-400 { animation-delay: 0.4s; }

@media (prefers-reduced-motion: reduce) {
  .animate-fade-in-up,
  .animate-fade-in {
    animation: none;
  }
}