:root {
  --bleu-anssi: #08416a;
  --bleu-ciel: #a3c6ee;
  --bleu-mise-en-avant: #0079d0;
  --bleu-survol: #0c5c98;
  --bleu-mise-en-avant-03-pc: #0f7ac708;
  --bleu-mise-en-avant-20-pc: #0f7ac730;
  --cyan-clair: #dbeeff;
  --rose-anssi: #ff6584;
  --gris-fonce: #2f3a43;
  --gris-inactif: #929292;
  --fond-composant-secondaire: #0f7ac71a;
  --gris-texte-additionnel: #666666;

  --texte-fonce: var(--gris-fonce);
  --texte-moyen-fonce: #5e5e5e;
  --texte-moyen: #929292;
  --texte-clair: #667892;

  --bordure-foncee: #abb6bf;
  --liseres: #ebedf0;
  --liseres-fonce: #cbd5e1;
  --fond-pale: #fafbfc;
  --fond-gris-clair: var(--liseres);
  --fond-gris-pale: #f1f5f9;
  --fond-bleu-pale: #dbeeff;
  --fond-ocre-pale: #fff2de;
  --fond-gris-pale-composant: #eeeeee;

  --pdf-bleu-clair: #e4efff;

  --graphique-bleu-moyen: #75a1e8;
  --graphique-bleu-fonce: #0a4c8c;

  --vert-anssi: #4cb963;
  --jaune-anssi: #fcdf41;
  --orange-anssi: #ff9940;
  --rouge-anssi: #e32630;

  --mauve-indice-cyber: #9926be;
  --violet-indice-cyber: #7025da;
  --indigo-indice-cyber: #3352b0;
  --bleu-indice-cyber: #46a0e6;
  --argent-indice-cyber: #9cacb5;
  --argent-brillant-indice-cyber: #cecece;
  --or-indice-cyber: #d6aa23;
  --or-brillant-indice-cyber: #f4cd5e;

  --statut-homologue: #0e972b;
  --statut-homologue-arriere-plan: #b8f2c4;
  --statut-non-homologue: var(--rose-anssi);
  --statut-non-homologue-arriere-plan: #ffe5f8;

  /* https://www.systeme-de-design.gouv.fr */
  --systeme-design-etat-bleu: #000091;
  --systeme-design-etat-bleu-bordure-focus: #0a76f6;
  --systeme-design-etat-gris-survol: #f6f6f6;
  --systeme-design-etat-gris-actif: #ededed;
  --systeme-design-etat-contour-champs: #dddddd;

  --role-inconnu: #f1f5f9;
  --role-inconnu-texte: #667892;
  --role-proprietaire: #fff4d9;
  --role-proprietaire-texte: #faa72c;
  --role-lecteur: #e9ddff;
  --role-lecteur-texte: #7025da;
  --role-editeur: #dbeeff;
  --role-editeur-texte: #0079d0;
  --role-personnalise: #d4f4db;
  --role-personnalise-texte: #0c8626;

  --erreur-texte: #ce0500;
  --succes-texte: #18753c;
  --fond-gris-fonce: #e5e5e5;
  --texte-gris: #666666;

  --btn-primaire-survol: #026ab5;
  --btn-primaire-clique: #025591;

  --ombre-sm: 0px 2px 6px 0px rgba(0, 0, 18, 0.16);
  --ombre-md: 0px 4px 12px 0px rgba(0, 0, 18, 0.16);
  --ombre-lg: 0px 6px 18px 0px rgba(0, 0, 18, 0.16);
}