/* LearnWithLeitner paylaşılan stiller (Faz 2B revizyonu).
   Yalnızca gerçekten ortak davranışlar: sayfa girişi, kart kaldırma,
   iletişim kutusu girişi ve bildirim animasyonları. Renk kuralları yok;
   açık/koyu tema mevcut sayfa-içi geçersiz kılmalarla çalışmaya devam eder. */

/* Kısa, engellemeyen sayfa girişi */
@keyframes pageEnter {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.lp-enter {
  animation: pageEnter 0.45s ease both;
}

/* Kart/satır üzerine gelince hafif kalkma */
.lp-lift {
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.lp-lift:hover {
  transform: translateY(-2px);
}

/* İletişim kutusu girişi (mevcut `animate-in` sınıfını canlandırır) */
@keyframes modalPop {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.animate-in {
  animation: modalPop 0.18s ease-out both;
}

/* Bildirim animasyonları (tüm sayfalarda ortak; önceden yalnız index'te vardı) */
@keyframes slideIn {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideOut {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(100%);
    opacity: 0;
  }
}