/*
 * Page transitions — a quick cross-fade between same-origin navigations, driven
 * by the browser's View Transitions API (Turbo 8 opts in via the
 * <meta name="view-transition"> tag in the layouts). CSS-only: no JS. Honors
 * reduced-motion by disabling the animation entirely.
 */
@layer base {
  @media (prefers-reduced-motion: no-preference) {
    ::view-transition-old(root) {
      animation: page-fade-out 120ms var(--ease-3, ease) both;
    }
    ::view-transition-new(root) {
      animation: page-fade-in 160ms var(--ease-3, ease) both;
    }
  }

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

  @keyframes page-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  @keyframes page-fade-out {
    from { opacity: 1; }
    to { opacity: 0; }
  }
}