/* ============================================================
   tokens.css — Espace de formation Thierry Russo-Delattre
   Toutes les variables de la charte. Aucune valeur ailleurs.
   ============================================================ */
:root{
  /* Couleurs */
  --ef-blue:#3D6FF3;
  --ef-blue-hover:#2E53B6;
  --ef-blue-pale:#E0E8F5;
  --ef-ink:#0F0F0F;
  --ef-text:#495362;
  --ef-warm:#E4E2DF;
  --ef-tint:#F5F6F8;
  --ef-line:#D8D8D8;
  --ef-white:#FFFFFF;
  --ef-page:#F4F4F5;   /* fond des pages de contenu */

  /* Typographie */
  --ef-font:'Inter Tight',Inter,Calibri,Arial,sans-serif;
  --ef-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --ef-size-page:32px;   --ef-lh-page:38px;
  --ef-size-section:22px;--ef-lh-section:28px;
  --ef-size-card:17px;   --ef-lh-card:24px;
  --ef-size-body:15px;   --ef-lh-body:24px;
  --ef-size-small:13px;  --ef-lh-small:20px;
  --ef-size-micro:12px;  --ef-lh-micro:16px;

  /* Espacement — pas de 4 px */
  --ef-1:4px;  --ef-2:8px;  --ef-3:12px; --ef-4:16px;
  --ef-5:20px; --ef-6:24px; --ef-7:32px; --ef-8:40px; --ef-9:56px; --ef-10:80px;

  /* Formes */
  --ef-r-sm:6px; --ef-r-field:9px; --ef-r-card:12px; --ef-r-pill:999px;

  /* Structure */
  --ef-sidebar:280px;
  --ef-content:960px;
  --ef-content-wide:1080px;
  --ef-toc:240px;

  /* Compléments exigés par la bibliothèque de composants
     (chaque valeur citée dans le brief, centralisée ici) */
  --ef-green:#17A05E;              /* pastille WhatsApp */
  --ef-whatsapp:#25D366;           /* vert officiel du logo WhatsApp */
  --ef-error:#C43D3D;              /* champ en erreur, message d'erreur */
  --ef-ink-hover:#2B2B2B;          /* survol du bouton secondaire */
  --ef-shadow-card:0 2px 8px rgba(0,0,0,.06); /* uniquement .ef-band .ef-card */
  --ef-scrim:rgba(15,15,15,.32);   /* voile du tiroir mobile */
  --ef-r-brand:11px;               /* carré TRD */
  --ef-size-label:11px; --ef-lh-label:14px;  /* libellé du sélecteur de formation */
  --ef-size-toc:14px;   --ef-lh-toc:20px;    /* entrées du sommaire collant */
  --ef-content-narrow:680px;       /* colonne de lecture d'un chapitre */
  --ef-prompts-col:720px;          /* colonne de la banque de prompts */
  --ef-topbar:80px;
  --ef-card-pad:30px;              /* intérieur des encadrés blancs */
  --ef-r-thumb:8px;                /* coins hauts des miniatures de coaching */
}