/* =====================================================================
   tokens.css — cheques-cadeaux.fr — SEUL fichier qui porte des valeurs.
   Source : identite/tokens.json (contrastes WCAG vérifiés le 27/10/2026).
   style.css n'emploie que var(--…).
   ===================================================================== */
:root {
  /* couleurs de marque */
  --couleur-accent: #0B6B4F;   /* alias lu par valider.py */
  --sapin: #0B6B4F;            /* accent : liens, boutons, symbole (6,50:1 sur blanc) */
  --sapin-fonce: #08523C;      /* survol, texte sur fond sapin pâle */
  --sapin-pale: #E6F0EB;       /* fond du résumé et du talon */
  --sapin-voile: #F0F5F2;      /* fond de bande */
  --framboise: #A3264F;        /* ruban : étiquettes de carnet, filet d'encadré (7,12:1 sur blanc) */
  --framboise-pale: #F7E9EE;
  --encre: #16241F;            /* texte courant (16,08:1 sur blanc) */
  --encre-douce: #56625D;      /* méta, légendes (6,36:1 sur blanc) */
  --fond: #F7F8F5;
  --surface: #FFFFFF;
  --trait: #D9DED9;
  --trait-fort: #B9C2BC;
  --sur-sapin: #FFFFFF;
  --focus: #A3264F;

  /* typographie */
  --police-titre: "Bricolage Grotesque", "Arial Narrow", Arial, sans-serif;
  --police-texte: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  --taille-base: 1.125rem;     /* 18 px */
  --taille-petite: 0.875rem;
  --taille-chapo: 1.25rem;
  --taille-h1: clamp(2rem, 1.35rem + 2.9vw, 3.15rem);
  --taille-h2: clamp(1.45rem, 1.2rem + 1.1vw, 1.95rem);
  --taille-h3: 1.25rem;
  --interligne: 1.6;
  --interligne-titre: 1.12;
  --approche-titre: -0.015em;

  /* espacements (base 8 px) */
  --e1: 0.25rem; --e2: 0.5rem; --e3: 0.75rem; --e4: 1rem;
  --e5: 1.5rem; --e6: 2rem; --e7: 3rem; --e8: 4rem; --e9: 6rem;
  --gouttiere: 1rem;

  /* formes */
  --rayon-petit: 6px;
  --rayon: 10px;
  --rayon-carte: 14px;
  --rayon-pilule: 999px;
  --encoche: 11px;             /* rayon des demi-cercles du talon de chèque */
  --ombre: 0 1px 2px rgba(22, 36, 31, .06), 0 4px 12px rgba(22, 36, 31, .06);

  /* largeurs */
  --mesure: 42rem;             /* ≈ 68 caractères */
  --largeur-site: 70rem;
  --duree: 220ms;
}