/* charte.css — charte visuelle materstudio.
   Importé par l'app React (via index.html) ET par les 4 pages en iframe.
   Une valeur, un endroit. */
:root {
  /* fonds et encres */
  --bg:#e5e7df;  --carte:#eceee7;  --champ:#eef0ea;  --blanc:#ffffff;
  --encre:#1d1d1a;  --gris:#82827a;

  /* filets */
  --ligne:rgba(29,29,26,.16);
  --ligne-forte:rgba(29,29,26,.28);
  --grille:#c2c5ba;

  /* accents */
  --or:#e3763a;  --or-d:#c9612a;  --aqua:#b1e4e3;

  /* sémantique */
  --vert:#5a7d5a;  --jaune:#c98a2e;  --rouge:#b24b3b;
  --ajout-fond:#f3ddd5;
  --suppr-fond:#f4ecd2;
  --alerte-fond:#f0d9c9;

  /* bleus */
  --bleu-action:#3f72a4;
  --bleu-gris:#6f8499;

  /* pastilles ABF */
  --pastille-conforme-fond:#f3e0cf;  --pastille-conforme-txt:#8a4a1f;
  --pastille-simple-fond:#dde8dc;    --pastille-simple-txt:#3c5a3c;
  --pastille-special-fond:#e6ddf0;   --pastille-special-txt:#5b3c78;
  --pastille-aucun-fond:#e6e7e0;     --pastille-aucun-txt:#6e6f66;

  /* parti carré */
  --radius:0;
}