/* SIGFGA · Design tokens — charte graphique officielle (source unique, réutilisable)
   Ces variables sont dérivées de la charte (desin.txt). Mêmes valeurs hex que la charte
   Figma : transposables telles quelles dans le futur design system React (@sigfga/ui). */
:root{
  /* Orange — couleur primaire */
  --orange-0:#FFFFFF;  --orange-5:#FEF3E6;  --orange-10:#FCE8CD; --orange-20:#F9D09A;
  --orange-30:#F7B968; --orange-40:#F4A135; --orange-50:#F18A03; --orange-60:#C16E02;
  --orange-70:#915302; --orange-80:#603701; --orange-90:#301C01; --orange-100:#000000;
  /* Grey — neutres */
  --grey-0:#FFFFFF;  --grey-5:#F5F6F6;  --grey-10:#EBEDEE; --grey-20:#D6DBDC;
  --grey-30:#C2CACB; --grey-40:#ADB8B9; --grey-50:#99A6A8; --grey-60:#7D8789;
  --grey-70:#61696A; --grey-80:#444A4C; --grey-90:#282C2D; --grey-100:#000000;
  /* Green — succès */
  --green-5:#E5F3EB; --green-40:#339C5E; --green-50:#008336; --green-70:#004F20; --green-90:#001A0B;
  /* Red — danger */
  --red-5:#FEE8E6; --red-40:#F44935; --red-50:#F11B03; --red-60:#C11602;
  /* Yellow — attention */
  --yellow-5:#FEFCE6; --yellow-40:#F4E435; --yellow-50:#F1DD03; --yellow-70:#918502;
  /* Blue — information */
  --blue-5:#F3F9FA; --blue-40:#9ED0D7; --blue-70:#568187; --blue-80:#3D5F65;

  /* Rôles sémantiques */
  --brand:var(--orange-50);
  --brand-hover:var(--orange-60);
  --brand-active:var(--orange-70);
  --brand-weak:var(--orange-5);
  --success:var(--green-50); --danger:var(--red-50); --warning:var(--yellow-50); --info:var(--blue-80);

  /* Typographie de la charte */
  --font-body:'Work Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --font-display:'Bricolage Grotesque','Work Sans',Georgia,serif;
  --font-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  /* Rayons */
  --radius-pill:112px; --radius-card:12px; --radius-sm:5px;
}

/* Polices de la charte — utilisées si installées localement ou déposées dans assets/fonts.
   Aucune requête réseau (respect du principe sans CDN). Sinon fallback système propre. */
@font-face{font-family:'Work Sans';src:local('Work Sans');font-display:swap}
@font-face{font-family:'Bricolage Grotesque';src:local('Bricolage Grotesque');font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:local('IBM Plex Mono');font-display:swap}