/* ============================================================
   Oxygène — Spacing & layout tokens
   4px base grid. Generous, editorial rhythm.
   ============================================================ */

:root {
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;
  --space-11: 80px;
  --space-12: 96px;
  --space-13: 128px;

  /* ---- Layout ----
     Largeurs FLUIDES (demande Maxime : « ça doit s'adapter à chaque écran, max
     d'espace dispo ») :
     · pages STANDARD (--container-max) : bornées lisibles — un texte de 2500 px
       de large est illisible ;
     · pages de TRAVAIL (--container-wide : vue scindée, analyse, tableaux…) :
       PLEINE LARGEUR, plus de plafond fixe — seule une marge proportionnelle
       (clamp 32→96 px) reste. Sur 27-32" tout l'écran travaille. */
  --container-max: min(1440px, 92vw);
  --container-wide: calc(100vw - clamp(32px, 4vw, 96px));
  --container-text: 680px;   /* comfortable reading measure */
  --gutter: 24px;
  --section-y: 96px;
}