/* ═══════════════════════════════════════════════
   YIRA CI — Design Tokens Officiels
   Source : YIRA_Logo_BrandKit.html
   Charte graphique officielle NOHAMA MULTISERVICES
   ═══════════════════════════════════════════════ */

:root {
  /* ── Couleurs principales ── */
  --yira-green:        #1B6B3A;  /* Vert principal · Logo · Boutons */
  --yira-green2:       #25A356;  /* Vert secondaire · Accents */
  --yira-green-light:  #E8F5EE;  /* Vert clair · Fonds cartes */
  --yira-orange:       #F57C00;  /* Orange accent · CTA secondaires */
  --yira-orange2:      #FFB300;  /* Orange doré · Highlights */
  --yira-cream:        #FDFAF5;  /* Fond crème · Mode clair */
  --yira-dark:         #0F1A13;  /* Fond sombre · Mode nuit */
  --yira-text:         #1A2E1E;  /* Texte principal */
  --yira-grey:         #6B7A6F;  /* Texte secondaire */

  /* ── Typographie ── */
  --font-display: 'Syne', sans-serif;      /* Titres · 800 */
  --font-body:    'DM Sans', sans-serif;   /* Corps · 400/500/700 */

  /* ── Modules YIRA (couleur par module) ── */
  --color-os:      #1B6B3A;  /* Orientation Scolaire · Vert */
  --color-op:      #F57C00;  /* Orientation Pro · Orange */
  --color-sante:   #25A356;  /* Santé · Vert2 */
  --color-quiz:    #FFB300;  /* Quiz · Or */
  --color-rescue:  #E53E3E;  /* Rescue · Rouge */
  --color-emploi:  #2B6CB0;  /* Emploi · Bleu */
  --color-epargne: #6B46C1;  /* Épargne · Violet */
  --color-pfx:     #0F6E56;  /* PermisFlex · Vert foncé */

  /* ── Espacements ── */
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  16px;
  --radius-xl:  20px;
  --radius-2xl: 24px;
}