/**
 * Animations — Dünya Müzik Theme
 *
 * Fade-in, slide, scale gibi genel animasyonlar.
 * Tasarım aşamasında component'lere göre genişletilecek.
 */

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

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

@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-20px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes slideInLeft {
    from { opacity: 0; transform: translateX(-30px); }
    to   { opacity: 1; transform: translateX(0); }
}

@keyframes slideInRight {
    from { opacity: 0; transform: translateX(30px); }
    to   { opacity: 1; transform: translateX(0); }
}

@keyframes scaleIn {
    from { opacity: 0; transform: scale(0.95); }
    to   { opacity: 1; transform: scale(1); }
}

.animate-fade-in       { animation: fadeIn 0.6s ease-out both; }
.animate-fade-in-up    { animation: fadeInUp 0.6s ease-out both; }
.animate-fade-in-down  { animation: fadeInDown 0.6s ease-out both; }
.animate-slide-left    { animation: slideInLeft 0.6s ease-out both; }
.animate-slide-right   { animation: slideInRight 0.6s ease-out both; }
.animate-scale-in      { animation: scaleIn 0.5s ease-out both; }

/* Stagger delays */
.delay-1 { animation-delay: 0.1s; }
.delay-2 { animation-delay: 0.2s; }
.delay-3 { animation-delay: 0.3s; }
.delay-4 { animation-delay: 0.4s; }
.delay-5 { animation-delay: 0.5s; }