/* gestion.inyvia.fr : jetons de design. Source unique des couleurs, polices, espacements et rayons. */
:root {
  /* Palette tirée du logo INYVIA (renard encre et gris, flamme rouge). */
  --encre:        #0B0F1A; /* texte, barre latérale, colis dessinés */
  --encre-sourde: #5A6170; /* libellés, références, texte secondaire (6,22:1 sur blanc) */
  --papier:       #F4F5F7; /* fond de page (≈ 70 %) */
  --feuille:      #FFFFFF; /* lignes, panneaux, champs (≈ 20 %) */
  --filet:        #DCDFE5; /* séparateurs, arêtes cachées des colis */
  --flamme:       #C8102E; /* accent unique : action primaire, prix, focus (5,88:1 sur blanc, ≤ 5 %) */
  --flamme-vive:  #FF2A42; /* rouge du logo : marqueur d'onglet actif sur fond encre seulement */

  /* Typographie : Poppins seule, servie en local, tailles normales (préférence de Mathieu). */
  --police: 'Poppins', 'Segoe UI', system-ui, sans-serif;
  --t-corps:   clamp(0.9375rem, 0.9rem + 0.2vw, 1rem);   /* 15 à 16 px, interligne 1.55 */
  --t-petit:   0.8125rem;                                  /* 13 px, interligne 1.4 */
  --t-titre:   clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);     /* 20 à 24 px, interligne 1.25 */
  --t-chiffre: clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);  /* 17 à 19 px, chiffres tabulaires */
  --inter-corps: 0;
  --inter-petit: 0.01em;
  --inter-titre: -0.01em;

  /* Espacements */
  --e-1: 0.25rem; --e-2: 0.5rem; --e-3: 0.75rem; --e-4: 1rem; --e-6: 1.5rem; --e-8: 2rem; --e-12: 3rem;
  --gouttiere: 1rem;
  --largeur-lecture: 72rem;

  /* Rayons : hiérarchie, jamais le même partout */
  --r-champ: 4px;
  --r-ligne: 8px;
  --r-panneau: 12px;

  /* Filets */
  --trait: 1px;
  --trait-fort: 2px;

  --focus: 2px solid var(--flamme);
}