/**
 * Transitions de navigation entre documents (MPA, même origine).
 * Activé par les navigateurs compatibles (ex. Chromium) ; ignoré sinon.
 * Respecte prefers-reduced-motion.
 */

@view-transition {
  navigation: auto;
}

@media (prefers-reduced-motion: no-preference) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: 0.22s;
    animation-timing-function: ease-out;
  }

  ::view-transition-old(root) {
    animation-name: page-vt-fade-out;
  }

  ::view-transition-new(root) {
    animation-name: page-vt-fade-in;
  }
}

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

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