/* ============================================================
   00 — TOKENS
   Seule source de vérité visuelle du site. On ne code jamais
   une couleur, une police ou un espacement en dur ailleurs :
   on référence une variable d'ici.
   ============================================================ */
/* Police de marque réelle — remplace le stand-in Baloo 2 pour le
   display (logo & gros titres). Un seul poids (Regular) fourni. */
@font-face{
  font-family:'Super Nugget';
  src:url('../assets/fonts/super-nugget.woff2') format('woff2'),
      url('../assets/fonts/super-nugget.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

:root{
  /* ============================================================
     Charte graphique Indigo (document officiel, section "Les
     couleurs") — Pantone 072 C.
     Primaire : CMJN 100 91 12 2 · RVB 0 15 159 · #000F9F
     Secondaire : CMJN 100 91 22 6 · RVB 38 49 121 · #263179
     Teintes calculées exactement aux pourcentages du document
     (mélange avec du blanc, comme les nuanciers 80/60/40/20 %
     de la charte) — pas des valeurs approximées à l'oeil.
     ============================================================ */
  --ink:        #000F9F;   /* Indigo primaire */
  --ink-soft:   #263179;   /* Indigo secondaire */
  --ink-line:   rgba(255,255,255,0.14);
  --indigo:     #000F9F;
  --indigo-2:   #263179;
  --indigo-lt:  #999FD9;   /* tint 40% du Pantone 072C — accent clair sur fond indigo */
  --indigo-tint-20: #CCCFEC; /* tint 20% du Pantone 072C — panneaux clairs */

  --paper:      #FFFFFF;
  --paper-dim:  #F2F2FA;   /* tint très léger d'indigo, quasi blanc */
  --paper-line: rgba(0,15,159,0.14);
  --paper-gray: #EEEEEF;   /* gris neutre (pas teinté indigo) — fond de section */

  --text-dark:  #0A0A14;
  --text-dim:   rgba(10,10,20,0.62);
  --text-light: #FFFFFF;
  --text-light-dim: rgba(255,255,255,0.68);

  /* Typographie de la charte : Colonimbus (display, arrondie — logo et
     gros titres) + Gilroy (texte, du Thin au Black). Super Nugget est
     la police réelle fournie pour le display (voir @font-face
     ci-dessus) ; Gilroy reste sans fichier licencié pour l'instant,
     donc Poppins (géométrique, même esprit) fait office de stand-in
     pour le corps de texte et les titres courants. */
  --display: 'Super Nugget', 'Baloo 2', sans-serif;
  --heading: 'Poppins', sans-serif;   /* stand-in Gilroy */
  --body: 'Poppins', sans-serif;      /* stand-in Gilroy */

  --container: 1180px;
  --edge: clamp(24px, 4vw, 60px);   /* marge latérale — 60px max sur grand écran */
  --radius: 2px;

  /* Rythme d'espacement — évite les valeurs magiques dans les composants */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;
  --space-2xl: 120px;
}