/* ============================================================
   OXXY — Tokens de design (S1, 2026-08-30). UN seul :root.
   Mesuré sur les 39 pages : jaune #FCD000 universel (39/39),
   noir #0a0a0c et crème #f5f1ea dominants (35/39), gris g1-g5.
   Préfixe --ox- pour ne rien casser : les pages migrent vers
   ces noms au fil des refontes (S2+). Injecté partout par le
   chrome partagé (shared-chrome.php).
   ============================================================ */
:root{
  /* Couleurs coeur */
  --ox-noir:#0a0a0c;
  --ox-creme:#f5f1ea;
  --ox-jaune:#FCD000;
  --ox-jaune-hover:#ffdc2e;
  /* Gris (sombre vers clair) */
  --ox-g1:#141417;   /* surface carte */
  --ox-g2:#26262c;   /* bordure / surface 2 */
  --ox-g3:#3a3a42;   /* bordure forte */
  --ox-g4:#8a8a92;   /* texte secondaire sur noir */
  --ox-g5:#bdbdc4;   /* texte clair */
  /* Encres atténuées sur fond noir */
  --ox-encre-2:rgba(245,241,234,.62);
  --ox-encre-3:rgba(245,241,234,.34);
  --ox-filet:rgba(245,241,234,.13);
  --ox-filet-fort:rgba(245,241,234,.24);
  /* Géométrie */
  --ox-r-sm:12px; --ox-r-md:16px; --ox-r-lg:20px;
  --ox-maxw:1080px;
  --ox-pad:clamp(20px,5vw,64px);
  --ox-bloc:64px;
  /* Mouvement */
  --ox-ease:cubic-bezier(.22,.61,.36,1);
  --ox-ease-out:cubic-bezier(.16,1,.3,1);
  /* Typo */
  --ox-font:'Space Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ox-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
}
@media(max-width:640px){
  :root{--ox-bloc:48px}
}