/* Hareket tercihleri ve View Transitions (§2f). Azaltılmış harekette süre token'ları 0.01ms olur. */
@media (prefers-reduced-motion: reduce) {
  :root:root { /* global-styles çıktısındaki :root bildiriminden sonra da kazanması için */
    --wp--custom--duration--kisa: 0.01ms;
    --wp--custom--duration--menu: 0.01ms;
    --wp--custom--duration--orta: 0.01ms;
    --wp--custom--duration--uzun: 0.01ms;
  }
}

/* ==========================================================================
   View Transitions (sayfalar arası; desteklemeyen tarayıcıda normal geçiş)
   ========================================================================== */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: 260ms var(--wp--custom--ease--standart) both vt-cikis; }
::view-transition-new(root) { animation: 420ms var(--wp--custom--ease--cikis) both vt-giris; }
::view-transition-group(yazi-gorsel) { animation-duration: 520ms; animation-timing-function: var(--wp--custom--ease--cikis); }
@keyframes vt-cikis { to { opacity: 0; transform: translateY(-12px); } }
@keyframes vt-giris { from { opacity: 0; transform: translateY(18px); } }

/* ==========================================================================
   Hareket tercihleri: reduced-motion → animasyon yok, her şey görünür
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
}