/* =============================================================
   L'échelle d'espacement — eloicfoucart.com
   -------------------------------------------------------------
   Huit crans, un seul endroit, les trois faces.

   Cette échelle existait déjà, declarée trois fois — dans tokens.css,
   dans site/style.css et dans site/panneaux.css — et quasiment morte :
   vingt-neuf usages dans tout le projet, contre cent quatre-vingt-dix
   écarts écrits en dur à côté. La seule feuille de l'administration
   portait seize valeurs différentes : 2, 3, 4, 5, 6, 7, 8, 9, 10, 11,
   12, 14, 16, 18, 20, 24 px. Personne ne distingue 9 de 10 ; tout le
   monde sent que deux boutons voisins sont à 4 px sur une page et à
   12 px sur la suivante.

   Tous les écarts du projet passent désormais par ces crans. Aucune
   valeur n'a bougé de plus de 4 px, et sur une égalité — 6 entre 4 et 8,
   10 entre 8 et 12 — on desserre : l'interface manquait d'air.

   L'espace est une structure : il est le même sur les trois faces. Le
   mouvement, lui, est un caractère — le site respire plus lentement que
   l'administration — et chaque face garde donc son propre tempo.

     0   2px   surfaces collées : liens du rail, lignes d'un pied
     1   4px   l'intérieur d'un objet : une pastille et son libellé
     2   8px   deux commandes voisines : boutons, onglets
     3  12px   un bloc et sa légende
     4  16px   deux blocs d'une même carte
     6  24px   deux cartes
     8  32px   deux sections
    12  48px   deux chapitres
   ============================================================= */
:root {
  --space-0:  2px;
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-6:  24px;
  --space-8:  32px;
  --space-12: 48px;
}