/* ===================================================================
   REZO FORMATION PRO — Variables CSS
   Thème inspiré de brioeducation.ca : fond blanc, bleu vif, style edtech moderne
   =================================================================== */

:root {
  /* ── Couleurs principales ── */
  --color-blue: #1895FD;          /* bleu vif — couleur d'accent principale */
  --color-blue-soft: #4DAAFF;     /* bleu plus clair (survol, texte accentué) */
  --color-blue-dim: #E8F3FF;      /* fond bleu très pâle (badges, hover, sections) */

  --color-amber: #F5A623;         /* ambre — accent secondaire */
  --color-amber-soft: #FBBF54;    /* ambre plus clair */

  /* ── Fond et surfaces (clair, épuré) ── */
  --color-night: #FFFFFF;         /* fond principal — blanc pur */
  --color-night-soft: #F7FAFD;    /* fond de section alterné — bleu très très pâle */
  --color-night-card: #FFFFFF;    /* fond des cartes */
  --color-line: #E5EAF0;          /* bordures / séparateurs discrets */

  /* ── Texte ── */
  --color-text: #16202B;          /* texte principal — presque noir */
  --color-text-dim: #4B5A6B;      /* texte secondaire */
  --color-text-faint: #7C8A99;    /* texte discret / légendes */

  /* ── États ── */
  --color-success: #22A06B;
  --color-danger: #E5484D;

  /* ── Typographie ── */
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.375rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.25rem;

  /* ── Espacements ── */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;

  /* ── Rayons et transitions ── */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --speed-fast: 0.15s ease;
}