/* ============================================================
   jetons.css : les valeurs de la charte AdaptUP, definies UNE fois.

   Chargee en premier par toutes les pages, avant labup.css comme avant
   adaptup.css. Pour changer une couleur, un rayon ou une ombre de la
   charte : ici, et nulle part ailleurs.

   Le projet emploie deux vocabulaires, pour des raisons historiques :
     --green, --ink, --bg ...          labup.css, pages qui etendent base.html
     --color-green, --color-ink ...    adaptup.css, pages autonomes
   Les deux familles ne sont jamais chargees ensemble, mais elles
   designent les memes couleurs. Le second est donc defini en alias du
   premier : aucune valeur n est ecrite deux fois.

   PIEGE : --muted et --color-muted ne sont PAS la meme couleur.
   Le premier est le gris de texte secondaire des pages base.html
   (#7a7772), le second un gris nettement plus clair des pages
   autonomes (#AAA). Ce n est pas une erreur, ne les fusionnez pas.
   ============================================================ */

:root {

  /* --- Encre, fonds, traits ------------------------------------ */
  --ink:     #191716;   /* texte principal, fond du bandeau */
  --white:   #ffffff;
  --bg:      #F9F7F5;   /* creme de fond de page */
  --border:  #E8E5E1;   /* contour des cartes et des champs */
  --line:    #F2EFE9;   /* filets, separateurs, fonds inertes */

  /* --- Vert LabUP ---------------------------------------------- */
  --green:      #00CE75;
  --green-dark: #00b566;   /* survol, texte vert sur fond clair */
  --green-lt:   #E8FBF3;   /* fond tres pale */
  --green-soft: #A2F6D1;   /* contour, degrade */

  /* --- Couleurs de signal -------------------------------------- */
  --orange:     #FFB330;
  --orange-lt:  #FFEED0;
  --red:        #FF4845;
  --red-lt:     #FFF1F1;
  --violet:     #A575FF;   /* valeur modifiee dans un formulaire */
  --violet-lt:  #D2CDFC;

  /* --- Gris de texte ------------------------------------------- */
  --muted:      #7a7772;   /* texte secondaire, pages base.html */

  /* --- Formes -------------------------------------------------- */
  --radius-card:    24px;
  --radius-input:   10px;
  --radius-pill:    999px;
  --shadow-card:    0 4px 24px rgba(0, 0, 0, 0.06);
  --shadow-overlay: 0 12px 40px rgba(0, 0, 0, 0.25);

  /* --- Second vocabulaire, en alias ---------------------------- */
  /* Aucune valeur en dur ici : ces noms pointent sur ceux du dessus.
     Modifier une couleur au-dessus la change des deux cotes.
     Note pour modules.css : la palette par module doit continuer de
     poser les DEUX noms (--green ET --color-green) sur body.mod-*,
     car un alias declare dans :root se resout dans :root. */
  --color-ink:        var(--ink);
  --color-white:      var(--white);
  --color-bg:         var(--bg);
  --color-border:     var(--border);
  --color-line:       var(--line);
  --color-green:      var(--green);
  --color-green-lt:   var(--green-lt);
  --color-green-soft: var(--green-soft);
  --color-orange:     var(--orange);
  --color-orange-lt:  var(--orange-lt);
  --color-red:        var(--red);
  --color-red-lt:     var(--red-lt);
  --color-violet:     var(--violet);
  --color-violet-lt:  var(--violet-lt);

  /* --- Gris propres aux pages autonomes ------------------------ */
  /* Sans equivalent dans le premier vocabulaire. Voir le PIEGE
     signale en tete de fichier pour --color-muted. */
  --color-muted: #AAA;   /* gris clair, pages autonomes */
  --color-hint:  #BBB;   /* indications, chevrons */
  --color-sub:   #888;   /* sous-titres discrets */
}