/* =============================================================
   DESIGN TOKENS — identite visuelle Combeing
   Couleurs de marque du site combeing.fr :
     marine "wash" #1F344A · dore "gold" #BEA279
     creme  "smok" #F3F1EC · kaki "camo" #879067
   Note accessibilite : le dore ne passe pas AA en petit texte sur blanc,
   il sert donc d'accent / de bordure, jamais de couleur de texte fin.
   ============================================================= */

:root {
  --marine: #1F344A;
  --marine-fonce: #16273a;
  --marine-clair: #2c4a67;
  --dore: #BEA279;
  --dore-fonce: #a98d63;
  --creme: #F3F1EC;
  --kaki: #879067;

  --surface: #FFFFFF;
  --fond: #F3F1EC;
  --texte: #212529;
  --texte-doux: #5b6470;
  --bordure: #e2ddd2;

  --succes: #2e7d52;
  --succes-fond: #e8f3ed;
  --alerte: #b5850f;
  --danger: #b3261e;
  --danger-fond: #fdeceb;

  --police-titre: Georgia, "Times New Roman", "Recoleta", serif;
  --police-texte: Roboto, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;

  --r-s: 8px;
  --r-m: 14px;
  --r-l: 22px;
  --r-pill: 999px;

  --ombre: 0 4px 18px rgba(31, 52, 74, 0.08);
  --ombre-forte: 0 10px 30px rgba(31, 52, 74, 0.16);

  --e1: 4px;
  --e2: 8px;
  --e3: 16px;
  --e4: 24px;
  --e5: 32px;
  --e6: 48px;
}