@charset "UTF-8";
:root {
  /* Light Mode */
  --color_1: #ffffff; /* Fond site */
  --color_2: #f5f5f5; /* Fond elements */
  --color_3: #e3e3e3; /* Bordures */
  --color_4: #7f7f7f; /* Séparateurs / Décoration */
  --color_5: #777777; /* Textes secondaires / Liens hover simple */
  --color_6: #272727; /* Textes */
  --color_7: #131313; /* Titres / Liens / Overlay */
}

html.darkMode,
.cms_bloc.darkMode,
.cms_bloc .darkMode,
.hero-banner .darkMode {
  /* Dark Mode */
  --color_1: #131313; /* Fond site */
  --color_2: #272727; /* Fond elements */
  --color_3: #777777; /* Bordures */
  --color_4: #7f7f7f; /* Séparateurs / Décoration */
  --color_5: #e3e3e3; /* Textes secondaires / Liens hover simple */
  --color_6: #f5f5f5; /* Textes */
  --color_7: #ffffff; /* Titres / Liens / Overlay */
}