/* Tokens de couleur — site Humanino
   ---------------------------------------------------------------------------
   Chaque variable porte ici sa VALEUR ACTUELLE, pas celle de la charte.
   Le rendu est donc strictement inchangé par ce fichier.

   Le jour où la charte est validée, basculer le site revient à corriger une
   valeur par ligne dans ce seul fichier. La colonne « charte » indique la cible.
   Source : charte-humanino/tokens/tokens.json (format DTCG).
   --------------------------------------------------------------------------- */

:root {

  /* ---- Encre et marine ------------------------------- charte ------------- */
  --c-ink:            #0C2A40;   /* color.brand.ink        #0C2A40  identique  */
  --c-ink-soft:       #16344A;   /* color.neutral.900      #1B3D55             */
  --c-ink-deep:       #08202F;   /* —                                          */
  --c-ink-black:      #0A2233;   /* —                                          */
  --c-navy-600:       #24506B;   /* color.neutral.800      #2E516B             */
  --c-navy-700:       #2C4657;   /* —                                          */
  --c-navy-800:       #12405C;   /* —                                          */

  /* ---- Bleu ------------------------------------------ charte ------------- */
  --c-blue:           #2C6A8C;   /* color.brand.blue       #396D95             */
  --c-blue-muted:     #5E85A0;   /* —                                          */

  /* ---- Ciel ------------------------------------------ charte ------------- */
  --c-sky:            #5BC5E3;   /* color.brand.sky        #67C6E0             */
  --c-sky-deep:       #1E90AE;   /* —                                          */
  --c-sky-pale:       #CDE7F0;   /* —                                          */

  /* ---- Textes ---------------------------------------- charte ------------- */
  --c-text-1:         #46606F;   /* color.neutral.700      #44657E             */
  --c-text-2:         #5B7386;   /* color.text.secondary   #5A7990             */
  --c-text-3:         #8497A4;   /* color.text.tertiary    #788FA1             */

  /* ---- Ardoise --------------------------------------- charte ------------- */
  --c-slate-250:      #B9CDD9;   /* color.neutral.300      #B8C3CC             */
  --c-slate-300:      #A9C0CF;   /* —                                          */
  --c-slate-350:      #B4C1CB;   /* —                                          */
  --c-slate-400:      #8FB2C7;   /* —                                          */
  --c-slate-450:      #7FA6BC;   /* —                                          */

  /* ---- Surfaces et filets ---------------------------- charte ------------- */
  --c-white:          #FFFFFF;   /* color.surface.page     #FFFFFF  identique  */
  --c-surface:        #F7FAFC;   /* color.surface.raised   #F5F8FA             */
  --c-surface-2:      #F1F5F8;   /* —                                          */
  --c-surface-blue:   #EAF3F7;   /* —                                          */
  --c-border-soft:    #EEF2F5;   /* color.neutral.100      #E9EEF1             */
  --c-border:         #E4EBF0;   /* color.border.subtle    #D5DCE2             */
  --c-border-blue:    #D5E2EA;   /* —                                          */
  --c-border-strong:  #CDDCE5;   /* —                                          */

  /* ---- Signal et or ---------------------------------- charte ------------- */
  --c-signal:         #F5B324;   /* color.brand.signal     #FDC423             */
  --c-signal-pale:    #FFF8E8;   /* —                                          */
  --c-gold:           #E39A0E;   /* color.brand.gold       #E3A70D             */
  --c-gold-deep:      #8A5A00;   /* —                                          */
  --c-gold-shadow:    #6B5A38;   /* —                                          */

  /* ---- Accents catégoriels ------------------------------------------------
     Cette famille sert à distinguer piliers, statuts et illustrations.
     La charte ne la couvre pas encore : c'est un manque à combler côté charte,
     pas une dette du site. -------------------------------------------------- */
  --c-accent-green:   #3E9E63;
  --c-accent-teal:    #2E9E8F;
  --c-accent-clay:    #C7603F;
  --c-accent-red:     #C25B52;
  --c-accent-purple:  #6E5AA6;

  /* ---- Parchemin ------------------------------------- charte ------------- */
  --c-cream:          #FBF3E0;   /* color.brand.cream      #FEFCEF             */
  --c-parchment:      #EFE7D8;   /* —                                          */
  --c-parchment-2:    #E7DCC9;   /* —                                          */
  --c-parchment-pale: #F7F5F1;   /* —                                          */
  --c-sand:           #B49B6E;   /* —                                          */
  --c-sand-pale:      #EAD9AE;   /* —                                          */

}