/* ============================================================
   DESIGN TOKENS — SEI
   Toutes les valeurs de design centralisées ici.
   Ne pas mettre de règles CSS ici, uniquement des variables.
============================================================ */

:root {
  /* ── Couleurs ────────────────────────────────────────────── */
  --dark:          #020c1d;   /* Texte principal */
  --blue:          #0f67ff;   /* Bleu principal (boutons, accents, headers) */
  --green-mint:    #22fab2;   /* Bandeau témoignages */
  --green-mint-alt:#24e6a6;   /* Variante verte */
  --blue-medium:   #5f9aff;   /* Bleu moyen (carte formateurs, tag actif) */
  --purple:        #9f46ff;   /* Header carte Bootcamp Data (rangée 2) */
  --purple-light:  #c38bff;   /* Accent violet clair */
  --green-light:   #d9fdf1;   /* Fond carte Bootcamp No-Code (rangée 1) */
  --blue-light:    #e7f4ff;   /* Bleu clair (fond cartes méthode et formations) */
  --lavender:      #f0e2ff;   /* Fond carte Bootcamp Data (rangée 2) */
  --yellow-bright: #faec22;   /* Header carte No-Code (rangée 2) */
  --yellow-light:  #fbf5ae;   /* Fond section FAQ */
  --orange:        #ff6917;   /* Accent carpe koï (SVG décoratifs) */
  --orange-light:  #ffad81;   /* Orange clair */
  --peach:         #fff3ec;   /* Fond carte Bootcamp Data (rangée 1) */
  --pink-white:    #fff8f8;   /* Blanc rosé */
  --cream:         #fffdea;   /* Fond carte Bootcamp No-Code (rangée 2) */
  --white:         #ffffff;
  --gray:          #dadada;   /* Bordure onglet inactif (UI fonctionnel) */

  /* ── Typographie ─────────────────────────────────────────── */
  --font-sans:       'Instrument Sans', sans-serif;
  --font-condensed:  'Instrument Sans Condensed', sans-serif;

  /* Cactus Classical Serif (chargée localement dans fonts.css)
     Fallback : Lora (Google Fonts) → Georgia */
  --font-serif:      'Cactus Classical Serif', 'Lora', Georgia, serif;

  --font-body:       'Inter', sans-serif;

  /* Greed Condensed (chargée localement dans fonts.css)
     Fallback : Barlow Condensed (Google Fonts) */
  --font-author:     'Greed Condensed', 'Barlow Condensed', sans-serif;

  /* ── Espacements & dimensions ────────────────────────────── */
  --page-width:    1280px;   /* Largeur fixe de la page (desktop) */
  --content-width: 1180px;   /* Largeur du contenu (page - 2×50px) */
  --side-padding:    50px;   /* Marge gauche/droite des sections */
  --section-pad-v:   64px;   /* Padding vertical des sections principales */
  --card-gap:        24px;   /* Gouttière entre les cartes */
  --radius-card:     12px;   /* Border-radius cartes standard */
  --radius-large:    24px;   /* Border-radius cartes larges (formateurs, méthode) */
}