:root{
  --page-fade-in: .25s;
  --page-fade-out: .18s;
  --page-slide-in: 6px;
}

/* Erişilebilirlik: hareketi azalt tercihinde animasyonları kapat */
@media (prefers-reduced-motion: reduce){
  :root{
    --page-fade-in: 0s;
    --page-fade-out: 0s;
    --page-slide-in: 0px;
  }
}

/* GİRİŞ animasyonu (fade-in + hafif yukarıdan kayma) */
body{
  opacity: 0;
  transform: translateY(var(--page-slide-in));
  transition: opacity var(--page-fade-in) ease, transform var(--page-fade-in) ease;
}
body.ready{
  opacity: 1;
  transform: none;
}

/* ÇIKIŞ animasyonu için overlay (fade-out) */
.page-transition{
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: linear-gradient(180deg, #0b1020 0%, #0e1424 100%);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--page-fade-out) ease;
}
.page-transition.active{
  opacity: .95;
  pointer-events: auto;
}