/* آور — انتقال نرم بین صفحه‌ها (فقط حرکت است؛ رنگ و چیدمان هیچ صفحه‌ای را عوض نمی‌کند).
   ناوبری کامل بین صفحه‌ها (مثل پنل مدیریت) با نمای بین‌صفحه‌ای مرورگر، و ناوبری فوری اپ با document.startViewTransition. */
@view-transition { navigation: auto; }

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: .22s;
  animation-timing-function: cubic-bezier(.2, 0, 0, 1);
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) { animation: none; }
}