:root {
  /* Background Bloc */
  --widgets-background-bloc-color: var(--color_1);
  /* Titre */
  --widgets-title-color: var(--color_7);
  --widgets-title-color-hover: var(--color_2);
  --widgets-title-color-with-background: var(--color_1);
  --widgets-title-color-with-background-hover: var(--color_6);
  /* Texte */
  --widgets-text-color: var(--color_7);
  --widgets-text-color-hover: var(--color_2);
  --widgets-text-color-with-background: var(--color_2);
  --widgets-text-color-with-background-hover: var(--color_7);
  /* Background */
  --widgets-background-color: var(--color_2);
  --widgets-background-color-hover: var(--color_6);
  /* Link */
  --widgets-link: var(--color_7);
  --widgets-link-hover: var(--color_5);
  --widgets-link-active: var(--color_5);
  --widgets-link-with-background: var(--color_7);
  --widgets-link-with-background-hover: var(--color_2);
  --widgets-link-with-background-active: var(--color_2);
  --widgets-link-background-color: var(--color_2);
  --widgets-link-background-color-hover: var(--color_6);
  --widgets-link-background-color-active: var(--color_6);
  /* Overlay */
  --widgets-background-overlay-color: var(--color_7);
  --widgets-background-overlay-color-hover: var(--color_6);
  /* Background MENU */
  --widgets-menu-background-color-niv1: var(--color_1);
  --widgets-menu-background-color-hover-niv1: var(--color_6);
  --widgets-menu-background-color-active-niv1: var(--color_6);
  --widgets-menu-background-color: var(--color_1);
  --widgets-menu-background-color-hover: var(--color_6);
  --widgets-menu-background-color-active: var(--color_6);
  /* Link MENU */
  --widgets-menu-link-niv1: var(--color_7);
  --widgets-menu-link-hover-niv1: var(--color_4);
  --widgets-menu-link-active-niv1: var(--color_4);
  --widgets-menu-link: var(--color_7);
  --widgets-menu-link-hover: var(--color_2);
  --widgets-menu-link-active: var(--color_2);
  /* Autres */
  --widgets-decoration-color: var(--color_4);
  --widgets-decoration-color-hover: var(--color_5);
  --widgets-menu-decoration-color: var(--color_4);
  --widgets-menu-decoration-color-hover: var(--color_5);
  --widgets-separator-color: var(--color_4);
  --widgets-menu-separator-color: var(--color_4);
  --widgets-border-color: var(--color_3);
  --widgets-border-color-hover: var(--color_5);
  --widgets-menu-border-color: var(--color_3);
  /* Boutons seprator */
  --widgets-extra-links-separator-color: var(--color_4);
  /* Social */
  --widgets-link-socials-color: var(--color_1);
  --widgets-link-socials-background-color: var(--color_7);
  /* Phone */
  --widgets-phone_color: var(--color_7);
  --widgets-phone_color-hover: var(--color_5);
  --widgets-phone_background-color: var(--color_1);
  --widgets-phone_background-color-hover: var(--color_2);
  /* EMail */
  --widgets-email_color: var(--color_7);
  --widgets-email_color-hover: var(--color_5);
  --widgets-email_background-color: var(--color_1);
  --widgets-email_background-color-hover: var(--color_2);
  /* Langs */
  --widgets-link-langs_color: var(--color_7);
  --widgets-link-langs_color-hover: var(--color_5);
  --widgets-link-langs_background-color: var(--color_1);
  --widgets-link-langs_background-color-hover: var(--color_2);
  --widgets-link-langs-popup_background-color: var(--color_1);
}

html.darkMode,
.cms_bloc.darkMode,
.cms_bloc .darkMode,
.hero-banner .darkMode {
  /* Background Bloc */
  --widgets-background-bloc-color: var(--color_1);
  /* Titre */
  --widgets-title-color: var(--color_7);
  --widgets-title-color-hover: var(--color_2);
  --widgets-title-color-with-background: var(--color_1);
  --widgets-title-color-with-background-hover: var(--color_6);
  /* Texte */
  --widgets-text-color: var(--color_7);
  --widgets-text-color-hover: var(--color_2);
  --widgets-text-color-with-background: var(--color_2);
  --widgets-text-color-with-background-hover: var(--color_7);
  /* Background */
  --widgets-background-color: var(--color_2);
  --widgets-background-color-hover: var(--color_6);
  /* Link */
  --widgets-link: var(--color_7);
  --widgets-link-hover: var(--color_5);
  --widgets-link-active: var(--color_5);
  --widgets-link-with-background: var(--color_7);
  --widgets-link-with-background-hover: var(--color_2);
  --widgets-link-with-background-active: var(--color_2);
  --widgets-link-background-color: var(--color_2);
  --widgets-link-background-color-hover: var(--color_6);
  --widgets-link-background-color-active: var(--color_6);
  /* Overlay */
  --widgets-background-overlay-color: var(--color_7);
  --widgets-background-overlay-color-hover: var(--color_6);
  /* Background MENU */
  --widgets-menu-background-color-niv1: var(--color_1);
  --widgets-menu-background-color-hover-niv1: var(--color_6);
  --widgets-menu-background-color-active-niv1: var(--color_6);
  --widgets-menu-background-color: var(--color_1);
  --widgets-menu-background-color-hover: var(--color_6);
  --widgets-menu-background-color-active: var(--color_6);
  /* Link MENU */
  --widgets-menu-link-niv1: var(--color_7);
  --widgets-menu-link-hover-niv1: var(--color_4);
  --widgets-menu-link-active-niv1: var(--color_4);
  --widgets-menu-link: var(--color_7);
  --widgets-menu-link-hover: var(--color_2);
  --widgets-menu-link-active: var(--color_2);
  /* Autres */
  --widgets-decoration-color: var(--color_4);
  --widgets-decoration-color-hover: var(--color_5);
  --widgets-menu-decoration-color: var(--color_4);
  --widgets-menu-decoration-color-hover: var(--color_5);
  --widgets-separator-color: var(--color_4);
  --widgets-menu-separator-color: var(--color_4);
  --widgets-border-color: var(--color_3);
  --widgets-border-color-hover: var(--color_5);
  --widgets-menu-border-color: var(--color_3);
  /* Boutons seprator */
  --widgets-extra-links-separator-color: var(--color_4);
  /* Social */
  --widgets-link-socials-color: var(--color_1);
  --widgets-link-socials-background-color: var(--color_7);
  /* Phone */
  --widgets-phone_color: var(--color_7);
  --widgets-phone_color-hover: var(--color_5);
  --widgets-phone_background-color: var(--color_1);
  --widgets-phone_background-color-hover: var(--color_2);
  /* EMail */
  --widgets-email_color: var(--color_7);
  --widgets-email_color-hover: var(--color_5);
  --widgets-email_background-color: var(--color_1);
  --widgets-email_background-color-hover: var(--color_2);
  /* Langs */
  --widgets-link-langs_color: var(--color_7);
  --widgets-link-langs_color-hover: var(--color_5);
  --widgets-link-langs_background-color: var(--color_1);
  --widgets-link-langs_background-color-hover: var(--color_2);
  --widgets-link-langs-popup_background-color: var(--color_1);
}