/**
 * Переходы между страницами — нативный View Transitions API.
 * Подключается из BaseLayout, только если motion.pageTransitions = true
 * (src/config/site.ts). ClientRouter Astro несовместим с CSP — см. документацию.
 * Значения — из токенов (tokens.css уже загружен на странице).
 */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }

  ::view-transition-old(root) {
    animation: vt-out var(--duration-base) var(--ease-in-out) both;
  }
  ::view-transition-new(root) {
    animation: vt-in var(--duration-slow) var(--ease-out) both;
  }
}

@keyframes vt-out { to   { opacity: 0; transform: translateY(-2rem); } }
@keyframes vt-in  { from { opacity: 0; transform: translateY(3rem); } }