/* ====================================================================
   RestauVert · tokens.css — SYSTÈME DE JETONS CANONIQUE
   Cree le 2026-08-03. Fondation de la refonte CSS.

   POURQUOI CE FICHIER
   L'audit a mesure, dans les 23 feuilles actuelles :
     · 297 couleurs distinctes (dont 164 nuances de vert)
     · 135 tailles de police
     · 99 valeurs d'espacement
     · 6 895 !important, 1 010 faux-identifiants de specificite
   Un systeme world-class en a ~12 couleurs, ~8 tailles, ~8 espacements,
   zero !important. Ce fichier est la « source de verite » unique.

   COMMENT L'ADOPTER (migration incrementale, JAMAIS d'un coup)
   1. Charger ce fichier EN PREMIER, avant toute autre feuille.
   2. Migrer une famille a la fois : remplacer chaque valeur en dur par
      son jeton (ex. #1a4e30 -> var(--rv-green-600)), une feuille a la
      fois, en VERIFIANT le rendu a chaque etape.
   3. A mesure que les valeurs passent en jetons, les !important et les
      faux-identifiants deviennent inutiles : on les retire par lot.
   4. Fusionner les feuilles redondantes.
   Chaque etape se verifie a l'oeil sur un apercu FIABLE. Ne jamais
   migrer a l'aveugle.

   Les valeurs ci-dessous sont les DOMINANTES reelles du site (pas des
   valeurs inventees), pour minimiser l'ecart de migration.
   ==================================================================== */

:root{

  /* ---- COULEUR · vert (164 nuances -> 6) ------------------------- */
  --rv-green-900:#0A2615;   /* fonds les plus sombres (hero, cta)      */
  --rv-green-800:#0D2A1A;   /* ×68 dans l'existant                     */
  --rv-green-700:#0F3320;   /* bandeaux sombres        ×86             */
  --rv-green-600:#1A4E30;   /* VERT PRINCIPAL          ×544            */
  --rv-green-500:#2D7A3A;   /* vert vif, accents positifs             */
  --rv-green-50:#EBF5EE;    /* fond vert tres clair    ×41             */

  /* ---- COULEUR · or (c9a24e / d4a843 / e0b964 -> 2 + 1 vif) ------ */
  --rv-gold-700:#6B5217;    /* or fonce, texte sur clair  ×71         */
  --rv-gold-500:#C9A24E;    /* OR PRINCIPAL               ×223        */
  --rv-gold-300:#FDE047;    /* jaune vif, RESERVE AU CTA  ×287        */
  /* #D4A843 (×178) et #E0B964 (×75) : quasi-doublons de --gold-500,
     a fusionner vers lui pendant la migration.                        */

  /* ---- COULEUR · creme & neutres -------------------------------- */
  --rv-cream:#FFFDF8;       /* fond clair principal    ×263           */
  --rv-cream-2:#F5F2EA;     /* fond clair alterne      ×63            */
  --rv-white:#FFFFFF;

  /* ---- COULEUR · encre (texte) ---------------------------------- */
  --rv-ink-900:#18291E;     /* titres sur clair                       */
  --rv-ink-700:#2E3F36;     /* corps de texte          ×56            */
  --rv-ink-500:#5A6B62;     /* texte attenue           ×36            */

  /* ---- COULEUR · semantique (separee de l'accent) --------------- */
  --rv-danger:#A8622F;
  --rv-line:rgba(201,162,78,.28);   /* filets dores discrets          */

  /* ---- TYPOGRAPHIE · familles ----------------------------------- */
  --rv-font-display:'Fraunces',Georgia,'Times New Roman',serif;
  --rv-font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;

  /* ---- TYPOGRAPHIE · echelle (135 tailles -> 8) ----------------- */
  /* ratio ~1.28, base 16. clamp = fluide mobile -> bureau.          */
  --rv-text-display:clamp(2.6rem, 5vw, 3.9rem);  /* hero 42->63 px    */
  --rv-text-title:clamp(1.95rem, 3.8vw, 3rem);   /* section 31->48 px */
  --rv-text-h3:clamp(1.4rem, 2.4vw, 2rem);       /* sous-titre        */
  --rv-text-lead:1.25rem;                        /* chapo 20 px       */
  --rv-text-body:1rem;                           /* corps 16 px       */
  --rv-text-small:.875rem;                       /* 14 px             */
  --rv-text-eyebrow:.75rem;                      /* label 12 px       */

  --rv-leading-tight:1.15;
  --rv-leading-body:1.65;

  /* ---- ESPACEMENT · echelle 4-points (99 valeurs -> 9) ---------- */
  --rv-space-1:4px;
  --rv-space-2:8px;
  --rv-space-3:12px;
  --rv-space-4:16px;
  --rv-space-5:24px;
  --rv-space-6:32px;
  --rv-space-7:48px;
  --rv-space-8:64px;
  --rv-space-9:96px;

  /* ---- RAYONS & OMBRES ------------------------------------------ */
  --rv-radius-sm:8px;
  --rv-radius:12px;
  --rv-radius-lg:18px;
  --rv-radius-pill:999px;
  --rv-shadow-card:0 2px 4px rgba(26,78,48,.04), 0 12px 28px -14px rgba(26,78,48,.12);
  --rv-shadow-cta:0 6px 20px rgba(212,168,67,.4);   /* parti pris valide */

  /* ---- CONTENEUR ------------------------------------------------ */
  --rv-container:1200px;
  --rv-container-pad:clamp(20px, 4vw, 40px);
}