/*
  Jetons de design de la charte graphique ADG ENERGY.
  Rôle : SEUL fichier où figurent des valeurs de couleur, de taille, d'espacement.
  Source de vérité écrite : docs/CHARTE_GRAPHIQUE.md (règle C-04 : chaque variable
  ci-dessous est décrite dans la charte avec la même valeur, et inversement).
  Pour changer une couleur : mesurer le contraste (règles C-01 et C-02), puis modifier
  ici ET dans la charte.
*/
:root {
  /* Couleurs — charte §3 */
  --couleur-bleu-logo: #289ED9;
  --couleur-bleu-action: #186186;
  --couleur-bleu-profond: #124B68;
  --couleur-bleu-clair: #DCEFF9;
  --couleur-bleu-glacier: #EEF7FC;
  --couleur-rouge-logo: #E5201B;
  --couleur-rouge-danger: #B71915;
  --couleur-rouge-clair: #FDEDED;
  --couleur-texte: #1E2A32;
  --couleur-texte-doux: #52606B;
  --couleur-bordure: #C9D3DA;
  --couleur-bordure-champ: #7A8791;
  --couleur-fond: #F4F7F9;
  --couleur-blanc: #FFFFFF;
  --couleur-succes: #197737;
  --couleur-succes-clair: #E6F4EA;
  --couleur-attention: #8A5A00;
  --couleur-attention-clair: #FFF4D6;
  --couleur-neutre-clair: #E9EEF1;
  --couleur-desactive-fond: #E3E8EC;
  --couleur-desactive-texte: #6B7780;

  /* Typographie — charte §4 */
  --police-base: Carlito, Calibri, "Segoe UI", Arial, sans-serif;
  --interligne: 1.45;
  --taille-texte: 1.0625rem;
  --taille-petite: 0.9rem;
  --taille-titre-1: 1.7rem;
  --taille-titre-2: 1.25rem;
  --taille-bouton-mobile: 1.1rem;

  /* Espacements — charte §5 */
  --espace-1: 4px;
  --espace-2: 8px;
  --espace-3: 12px;
  --espace-4: 16px;
  --espace-5: 24px;
  --espace-6: 32px;
  --espace-7: 48px;

  /* Formes, épaisseurs, cibles — charte §5 */
  --rayon-controle: 8px;
  --rayon-carte: 10px;
  --rayon-message: 6px;
  --rayon-pastille: 999px;
  --epaisseur-filet: 1px;
  --epaisseur-champ: 2px;
  --epaisseur-menu: 3px;
  --epaisseur-focus: 3px;
  --epaisseur-entete: 4px;
  --epaisseur-message: 6px;
  --decalage-focus: 2px;
  --cible-min: 44px;
  --cible-mobile: 60px;
  --largeur-contenu: 1040px;
  --hauteur-logo-pc: 52px;
  --hauteur-logo-mobile: 34px;
}
