/* =============================================================
   Le tempo du site — eloicfoucart.com
   -------------------------------------------------------------
   Trois temps et deux courbes, pour les deux gabarits du site :
   l'accueil qui défile (style.css) et les pages de lecture
   (pages.css). Aucune des deux ne voyait celle de l'autre, et
   panneaux.css — la seule feuille commune — scope volontairement
   ses jetons au panneau. D'où cette feuille-ci, sur :root.

   Il y avait dix-neuf durées différentes dans les feuilles du site :
   150, 160, 200, 220, 240, 280, 300, 320, 400, 420, 500, 600, 700 ms
   et davantage. Soixante-quatre d'entre elles passent maintenant par
   ces trois temps.

   Ce tempo est plus lent que celui de l'administration — 320 contre
   220 ms sur un déplacement. C'est voulu : une page de photographe se
   feuillette, un outil doit répondre. Les noms sont les mêmes d'une
   face à l'autre parce qu'ils désignent un rôle ; les valeurs
   diffèrent parce qu'elles portent un caractère.

     micro  ce qui répond au doigt : survol, appui, bascule
     ui     ce qui se déplace : un panneau, un voile, un repli
     enter  ce qui apparaît : une image qui arrive, une page qui entre

   Les temps longs — diaporama, ambiances, 8 s et au-delà — ne sont pas
   des transitions et ne passent pas par ici.
   ============================================================= */
:root {
  --ease-out:    cubic-bezier(.2,.8,.2,1);
  --ease-in-out: cubic-bezier(.76,0,.24,1);
  --dur-micro:   180ms;
  --dur-ui:      320ms;
  --dur-enter:   560ms;
}