:root {
  /* --clr-alternate: rgba(252, 200, 13, 1); */

  --clr-black: 10, 10, 10;
  --clr-grey-1: 30, 30, 30; /* #1C1D1E */
  --clr-grey-2: 60, 60, 60; /* #333537 */
  --clr-grey-3: 90, 90, 90; /* #4D5052 */
  --clr-grey-4: 120, 120, 120; /* #666A6D */
  --clr-grey-5: 150, 150, 150; /* #808488 */
  --clr-grey-6: 180, 180, 180; /* #BABDBF */
  --clr-grey-7: 210, 210, 210; /* #D1D3D4 */
  --clr-grey-8: 240, 240, 240; /* #E8E9E9 */
  --clr-white: 254, 254, 254;

  --clr-success: 0, 153, 144;
  --clr-error: 215, 66, 81;
  --clr-warning: 252, 200, 13;
  --clr-information: 76, 152, 210; /* #4C98D2 */
  --clr-important: 137, 102, 204;

  --clr-Argent: 164, 165, 166;
  --clr-Gris: 90, 90, 90;
  --clr-Rouge: 227, 87, 62;
  --clr-Vert: 0, 185, 102;
  --clr-Bleu: 20, 151, 203;
  --clr-Jaune: 247, 184, 43;
  --clr-Rose: 194, 79, 122;
  --clr-Pomme: 155, 192, 53;
  --clr-Orange: 243, 137, 59;
  --clr-Violet: 137, 102, 204;

  --clr-ArgentClair: 213, 213, 217;
  --clr-GrisClair: 213, 213, 217;
  --clr-RougeClair: 245, 204, 196;
  --clr-VertClair: 178, 233, 208;
  --clr-BleuClair: 207, 233, 244;
  --clr-JauneClair: 252, 226, 167;
  --clr-RoseClair: 235, 201, 214;
  --clr-PommeClair: 224, 235, 193;
  --clr-OrangeClair: 250, 204, 171;
  --clr-VioletClair: 218, 208, 238;

  --clr-ArgentFonce: 134, 134, 136;
  --clr-JauneFonce: 206, 156, 35;

  /*************  **************/
  --clr-primary: 43, 135, 218; /* #2B87DA */
  --clr-primary2: 32, 146, 236;
  --clr-primary-pastel: 245, 245, 249;
  --clr-primary-light: 219, 238, 253;
  --clr-primary-medium: 198, 228, 251;
  --clr-primary-dark: 32, 112, 183;
  --clr-primary-darker: 27, 95, 156; /* */
  --clr-primary-background: 83, 91, 124; /* #535b7c */

  --clr-secondary: 105, 108, 255; /* reprise du primary */
  --clr-secondary-pastel: 245, 245, 249; /* reprise du primary */
  --clr-secondary-light: 232, 233, 238;
  --clr-secondary-medium: 218, 237, 252; /* reprise du primary */
  --clr-secondary-dark: 32, 112, 183; /* reprise du primary */
  --clr-secondary-darker: 27, 95, 156;
  /* --clr-secondary-darker: 101,38,31; */

  --clr-black: 34, 48, 62; /* Pour SFAV */
  --clr-alternate: 226, 192, 68; /*E2C044*/
  --clr-selected: 219, 179, 0;

  /************* fin Essai Vert **************/

  --bs-primary: #2092ec;
  --bs-secondary: #8592a3;
  --bs-success: #71dd37;
  --bs-info: #03c3ec;
  --bs-warning: #ffab00;
  --bs-danger: #ff3e1d;
  --bs-light: #dbdee0;
  --bs-dark: #2b2c40;
  --bs-gray: #91979f;
  --bs-primary-rgb: 32, 146, 236;
  --bs-secondary-rgb: 133, 146, 163;
  --bs-success-rgb: 113, 221, 55;
  --bs-info-rgb: 3, 195, 236;
  --bs-warning-rgb: 255, 171, 0;
  --bs-danger-rgb: 255, 62, 29;
  --bs-light-rgb: 219, 222, 224;
  --bs-dark-rgb: 43, 44, 64;
  --bs-gray-rgb: 145, 151, 159;

  --bs-blue: #007bff;
  --bs-indigo: #6610f2;
  --bs-purple: #696cff;
  --bs-pink: #e83e8c;
  --bs-red: #ff3e1d;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffab00;
  --bs-green: #71dd37;
  --bs-teal: #20c997;
  --bs-cyan: #03c3ec;
  --bs-black: #22303e;
  --bs-white: #fff;
}

/************* Couleurs de text **************/
.TexteViolet {
  color: rgba(var(--clr-Violet));
}
/* .TexteRouge {
  color: rgba(var(--clr-Rouge));
}
.TexteVert {
  color: rgba(var(--clr-Vert));
}
.TexteBleu {
  color: rgba(var(--clr-Bleu));
}
.TexteJaune {
  color: rgba(var(--clr-Jaune));
}
.TexteRose {
  color: rgba(var(--clr-Rose));
}
.TextePomme {
  color: rgba(var(--clr-Pomme));
}
.TexteOrange {
  color: rgba(var(--clr-Orange));
}
.TexteSuccess {
  color: rgba(var(--clr-success));
}
.TexteError {
  color: rgba(var(--clr-error));
}
.TexteWarning {
  color: rgba(var(--clr-warning));
}
.TexteInformation {
  color: rgba(var(--clr-information));
}
 */
/************* Couleurs de fond **************/
/* .FondRouge {
  background-color: rgba(var(--clr-Rouge));
}
.FondVert {
  background-color: rgba(var(--clr-Vert));
}
.FondBleu {
  background-color: rgba(var(--clr-Bleu));
}
.FondJaune {
  background-color: rgba(var(--clr-Jaune));
}
.FondRose {
  background-color: rgba(var(--clr-Rose));
}
.FondPomme {
  background-color: rgba(var(--clr-Pomme));
}
.FondOrange {
  background-color: rgba(var(--clr-Orange));
}
.FondViolet {
  background-color: rgba(var(--clr-Violet));
} */
/* .FondSuccess {
  background-color: rgba(var(--clr-success));
}
.FondError {
  background-color: rgba(var(--clr-error));
}
.FondWarning {
  background-color: rgba(var(--clr-warning));
}
.FondInformation {
  background-color: rgba(var(--clr-information));
} */