:root {
    --white: white;
    --white-dark: #fefefe;
    --grey: #50535e;
    --grey-blue: #6a6e7c;
    --grey-dark: #42454E;
    --grey-dark-2: #5c5c5c;
    --grey-dark-3: #6b6b6b;
    --grey-darker: #292A30;
    --grey-medium: #a4a4a4;
    --grey-medium-2: #a9a9a9;
    --grey-medium-light: #cacaca;
    --grey-medium-light-2: #d3d3d3;
    --grey-medium-light-3: #cccccc;
    --grey-medium-light-4: #f9f9f9;
    --grey-medium-dark: #62656e;
    --grey-light: #e6e6e6;
    --grey-light-2: #e7e7e7;
    --grey-light-3: #eeeeee;
    --grey-lighter: #c5c5c5;
    --grey-lighter-2: #dedede;
    --grey-lighter-3: #C9C9C9;
    --grey-lighter-4: #f9f9f9;
    --grey-white: #f5f5f5;
    --grey-white-2: #f6f6f6;
    --green: #57ada3;
    --light-green: #26ca26;
    --orange-dark: #F59E0B;
    --purple-dark: #7e7b96;
    --purple-medium: #8f8da6;
    --purple-light: #c9c8d6;
    --purple-lighter: #E3E3EC;
    --yellow: #deae2a;
    --blue: #285ba3;
    --red: #790e0e;
    --light-green: #26c326;
}

:root {
    --grille-bandeau-recherche: var(--grey);
    --grille-detail-ligne: var(--grey-dark);
    --grille-header: var(--grey);
    --grille-header-medium-light: var(--grey-medium-light);
    --grille-header-border: var(--grey);
    --background-dark: var(--grey);
    --background-darker: var(--grey-dark);
    --background-light: var(--grey-light);
    --background-lighter: var(--grey-lighter);
    --background-lighter-2: var(--grey-lighter-2);
    --background-lighter-3: var(--grey-lighter-3);
    --background-medium-light: var(--grey-medium-light);
    --background-medium-light-2: var(--grey-medium-light-2);
    --background-almost-white: var(--grey-white);
    --border-dark: var(--grey);
    --border-darker: var(--grey-dark);
    --border-almost-white: var(--grey-white);
    --border-lighter: var(--grey-lighter);
    --border-medium-light: var(--grey-medium-light);
    --border-medium-light-2: var(--grey-medium-light-2);
    --text-dark: var(--grey);
    --text-darker: var(--grey-dark);
    --bouton-background-dark: var(--grey);
    --bouton-background-green: var(--green);
    --menu-item-background-dark: var(--grey);
    --fiche-menu: var(--grey);
    --fiche-menu-medium-light: var(--grey-medium-light);
    --fiche-badge-ged-text: var(--black);
    --fiche-badge-ged-background: var(--orange-dark);
    --bandeau-horizontal-top-bar-background: var(--grey-lighter-2);
    --bandeau-horizontal-onglet-background: var(--grey);
    --bandeau-horizontal-onglet-out-background: var(--grey-lighter-2);
    --icons-standard-color: var(--grey);
    --icons-lighter-2-color: var(--grey-lighter-2);
}

:root {
    /* POPUP */
    --popup-footer-background: var(--grey-medium-light);
    --popup-button-file-upload-background: var(--grey-light);
    --popup-button-file-upload-hover-background: var(--grey-lighter);
    --popup-button-file-upload-text: var(--black);
    --popup-button-file-upload-hover-text: var(--black);
    --popup-contenu-text: var(--white);
    --popup-window-footer-background: var(--grey);
    --popup-window-footer-button-border: var(--grey-medium-dark);
    /* PAGE ERREUR */
    --page-erreur-top-bar-left-background: var(--purple-dark);
    --page-erreur-top-bar-right-background: var(--purple-light);
    --page-erreur-left-bar-top-background: var(--purple-medium);
    --page-erreur-left-bar-bottom-background: var(--purple-light);
    --page-erreur-logo-module-background: var(--purple-light);
    --page-erreur-logo-module-border: var(--purple-dark);
    --page-erreur-soustitre-background: var(--purple-light);
    --page-erreur-soustitre-border: var(--purple-dark);
    --page-erreur-contenu-background: var(--white);
    --page-erreur-container-border: var(--purple-medium);
    --page-erreur-background: var(--purple-lighter);
    /* COLORPICKER */
    --colorpicker-border: var(--grey-dark);
    /* FICHE */
    --fiche-bandeau-vr-bloc-background: var(--white-dark);
    /* MENUS */
    --menu-sousmenu-content-background: var(--grey-blue);
    --menu-courrier-text: var(--white);
    --fiche-menu-panel-minimized-research-hover-background: var(--grey-medium);
    --fiche-menu-panel-minimized-research-background: var(--grey-lighter-2);
    --fiche-menu-panel-minimized-research-border: var(--grey-dark-2);
    --fiche-menu-panel-minimized-background: var(--grey-medium-light);
    --fiche-menu-panel-minimized-border: var(--grey-dark-2);
    --fiche-menu-container-background: var(--grey-medium-light);
    --fiche-menu-item-header-background: var(--grey);
    --fiche-menu-item-header-border-bottom: var(--grey-dark-3);
    --fiche-menu-item-background: var(--white-dark);
    --fiche-menu-item-hover-background: var(--grey-light-3);
    --fiche-menu-item-border-bottom: var(--grey-medium-2);
    --fiche-menu-item-active: var(--grey);
    --fiche-menu-favoris-background: var(--white-dark);
    --fiche-menu-favoris-titre-text: var(--grey);
    /* GRILLES */
    --grille-colonnes-header-text: var(--white);
    --grille-onglets-background: var(--grey-light);
    --grille-onglets-button-background: var(--grey-lighter-2);
    --grille-onglets-hover-background: var(--grey-lighter-4);
    --grille-onglets-active-background: var(--grey-lighter-4);
    --grille-container-background: var(--grey);
    --grille-filter-row-text: var(--grey-dark);
    /* CHECKBOX SWITCH */
    --switch-button-after-background: var(--grey-white-2);
    --switch-button-before-background: var(--grey-light-2);
    --switch-button-border: var(--grey-medium-light-3);
    --switch-container-background: var(--grey-dark-2);
    --switch-container-border: var(--grey-medium);
    --switch-input-focus: var(--grey-dark-2);
    --switch-checked-container-background: var(--light-green);
    --switch-checked-container-border: var(--light-green);
    /* ACCUEIL */
    --accueil-main-content-background: var(--grey);
    /* POPUP RG*/
    --popup-rg-warning: var(--yellow);
    --popup-rg-info: var(--blue);
    --popup-rg-error: var(--red);
    --popup-rg-cog: var(--grey);
    --popup-rg-arrow-down: var(--light-green);
    --popup-rg-progressbar-33: var(--red);
    --popup-rg-progressbar-66: var(--yellow);
    --popup-rg-progressbar-100: var(--light-green);
    /* Treeview */
    --treeview-background: var(--background-dark);
    /* ListBox */
    --listbox-selected-item-text: var(--white);
}