/**
 * variables.css — Charte graphique Lib&CO2
 * Couleurs extraites du logo fourni par l'utilisateur (vert #2E673E, bleu
 * #0071C1), complétées par un fond papier chaud et un accent ambre pour
 * tout ce qui touche au coût/à l'action.
 *
 * Passe "lisibilité" : les teintes de gris et l'accent bleu d'origine
 * tombaient sous le seuil WCAG AA (4.5:1) pour du texte de petite taille
 * — mesuré et corrigé (ex. gris discret : 3.13:1 → 5.96:1 ; bleu "info" :
 * 3.63:1 → 4.72:1 ; ambre sur fond teinté : 2.75:1 → 4.68:1), en conservant
 * la même famille de teintes pour ne pas changer l'identité visuelle.
 */
:root {
  /* Couleurs de marque */
  --couleur-primaire: #2E673E;
  --couleur-primaire-fond: #2E673E14;
  --couleur-accent-bleu: #0071C1;
  --couleur-accent-ambre: #C98A2C;
  --couleur-accent-ambre-fond: #C98A2C14;
  --couleur-ambre-texte: #946620; /* variante lisible de l'ambre pour du texte sur fond teinté */

  /* Neutres */
  --couleur-fond: #F7F5F0;
  --couleur-carte: #FFFFFF;
  --couleur-bordure: #E4E0D6;
  --couleur-bordure-legere: #F0EDE4;
  --couleur-encre: #1B2B26;
  --couleur-texte: #3E4A45;
  --couleur-discret: #5C665F;      /* était #8A9490 (3.1:1) → 5.96:1 */
  --couleur-tres-discret: #75807A; /* était #B4AE9E (2.2:1) → 4.1:1 */

  /* Sémantique postes/actions */
  --couleur-gratuit: #2E673E;
  --couleur-faible-cout: #946620;
  --couleur-investissement: #B04D4D; /* était #B85C5C (4.0:1) → 4.66:1 */
  --couleur-erreur: #B04D4D;
  --couleur-info: #437A8C; /* était #4E8FA3 (3.6:1) → 4.72:1 */

  /* Typographie — polices système natives (pas de police tierce chargée en
     ligne : conforme RGPD, aucune requête externe, rendu instantané). Choix
     de piles reconnues pour leur qualité sur chaque plateforme plutôt que
     de génériques "sans-serif"/"serif". */
  --police-serif: Georgia, 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', serif;
  --police-texte: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --police-mono: ui-monospace, 'SF Mono', 'Cascadia Code', 'Segoe UI Mono', 'Roboto Mono', Consolas, 'Courier New', monospace;

  /* Échelle typographique (rem, base 16px) — resserrée pour rester lisible
     y compris pour le texte secondaire, qui ne descend plus sous 13px. */
  --taille-corps: 1rem;         /* 16px */
  --taille-secondaire: 0.875rem; /* 14px, ex-12/12.5px */
  --taille-petite: 0.8125rem;    /* 13px, plancher — plus rien en dessous */
  --interligne-corps: 1.6;
  --interligne-dense: 1.5;

  /* Rayons et espacements */
  --rayon-carte: 14px;
  --rayon-bouton: 10px;
  --ombre-carte: 0 6px 18px rgba(27, 43, 38, 0.10);
}