/* ==========================================================
 * page-router.css — accompagnement CSS de script/js/page-router.js
 * Auteur  : Roland Tsanga Bodo
 * Version : 2.0.0
 *
 * CE FICHIER NE DÉFINIT PLUS LES TRANSITIONS, ET C'EST TOUT SON PROPOS.
 *
 * Il en portait une définition complète — `.qm-transition-fade`,
 * `slide-up`, `slide-left`, leurs trois états — en DOUBLON de
 * `ui-visual-language.css`, avec des valeurs CONTRADICTOIRES :
 *
 *     courbe            ease                contre  cubic-bezier(.2,.85,.24,1)
 *     durée             220ms EN DUR        contre  var(--qm-transition-duration)
 *     slide-up sortant  translateY(-12px)   contre  translateY(10px)
 *
 * — la dernière étant une inversion de SENS : le même écran sortait vers le
 * haut ici et vers le bas là-bas.
 *
 * RIEN N'ÉTAIT CASSÉ, ET UNIQUEMENT PAR ACCIDENT. Les deux jeux de règles ont
 * la MÊME spécificité ; c'est donc l'ordre de chargement qui tranchait —
 * `index.html` charge ce fichier en ligne 81 et `ui-visual-language.css` en
 * ligne 96, si bien que le second gagnait et que tout ce bloc était mort.
 * Déplacer une balise `<link>` aurait suffi à changer l'aspect des transitions
 * de toute l'application, sans que rien ne le signale.
 *
 * La définition vit désormais à un seul endroit : `ui-visual-language.css`,
 * vers la ligne 655.
 *
 * CE QUI RESTE ICI EST VIVANT ET UNIQUE : le respect de
 * `prefers-reduced-motion` pour les classes `qm-*`. `ui-visual-language.css`
 * porte bien un bloc de ce nom, mais il vise les boutons — aucune autre règle
 * du dépôt ne coupe les transitions de page pour qui demande moins
 * d'animation. Le `!important` est nécessaire : il doit battre la
 * `transition-duration` de la définition, qui n'en porte pas.
 * ========================================================== */

@media (prefers-reduced-motion: reduce) {
  .qm-transition-fade,
  .qm-transition-slide-up,
  .qm-transition-slide-left {
    transition: none !important;
  }
}