/* ============================================================================
   Tokens — Dr Michel Assayag
   Source : styles NOMMÉS du fichier Figma (ftvYzZLuXaPDCbPezHqKMg), récupérés
   à la source (getFile). Système authentique uniquement.
   Exclus volontairement : couleurs legacy (Noir/Bleu/Vert/Bleu clair/Blanc),
   rampes Success/Danger/Warning (non utilisées), ombres (le seul EFFECT nommé
   est un BACKGROUND_BLUR, pas une drop-shadow → valeurs brutes plus tard),
   spacing/radius (différés, calés section par section).
   Importé par toutes les pages : <link rel="stylesheet" href="css/tokens.css">
   ========================================================================== */

:root {
  /* ── Couleurs · Brand ───────────────────────────────────────────────────── */
  --c-blue:       #2B5273; /* Brand/Blue */
  --c-light-blue: #497793; /* Brand/Light blue */
  --c-biege:      #FEFCF9; /* Brand/Biege (orthographe du designer conservée) */
  --c-fluo-blue:  #BEE7E8; /* Brand/Fluo blue */

  /* ── Couleurs · Accent ──────────────────────────────────────────────────── */
  --c-orange:     #FFDDBD; /* nom du designer conservé */

  /* ── Couleurs · Rampe neutral (11 pas) ──────────────────────────────────── */
  --neutral-0:    #FFFFFF;
  --neutral-50:   #F6F6F6;
  --neutral-100:  #ECECEC;
  --neutral-200:  #D8D8D8;
  --neutral-300:  #C5C5C5;
  --neutral-400:  #B1B1B1;
  --neutral-500:  #9E9E9E;
  --neutral-600:  #7E7E7E;
  --neutral-700:  #5F5F5F;
  --neutral-800:  #3F3F3F;
  --neutral-900:  #202020;

  /* ── Dégradés ───────────────────────────────────────────────────────────── */
  --grad-brand:   linear-gradient(180deg, #0D3C9F 0%, #1683A6 100%);
  --grad-primary: linear-gradient(180deg, #E5E5E5 0%, #000000 100%);

  /* ── Fontes ─────────────────────────────────────────────────────────────── */
  --font-heading: 'Nunito', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --font:         var(--font-body);

  /* ── Échelle typo · Headings (Nunito) ───────────────────────────────────── */
  /* triplet par rôle : --fs-* taille · --fw-* poids · --lh-* interligne (px) */
  --fs-h1: 104px; --fw-h1: 200; --lh-h1: 104px;
  --fs-h2:  40px; --fw-h2: 300; --lh-h2:  48px;
  --fs-h3:  28px; --fw-h3: 300; --lh-h3:  36px;
  --fs-h4:  24px; --fw-h4: 300; --lh-h4:  28px;
  --fs-h5:  20px; --fw-h5: 400; --lh-h5:  28px;
  --fs-h6:  16px; --fw-h6: 400; --lh-h6:  20px;

  /* ── Échelle typo · Body (Inter) ────────────────────────────────────────── */
  --fs-body-lg: 18px; --fw-body-lg: 300; --lh-body-lg: 28px;
  --fs-body-md: 16px; --fw-body-md: 300; --lh-body-md: 24px;
  --fs-body-sm: 14px; --fw-body-sm: 300; --lh-body-sm: 20px;
  --fs-body-xs: 12px; --fw-body-xs: 400; --lh-body-xs: 16px;

  /* ── Échelle typo · Bold (Inter) ────────────────────────────────────────── */
  --fs-bold-md: 16px; --fw-bold-md: 500; --lh-bold-md: 22px;
}