:root {
    --white: white;
    --grey: #50535e;
    --grey-dark: #42454E;
    --grey-darker: #292A30;
    --grey-medium-light: #cacaca;
    --grey-medium-light-2: #d3d3d3;
    --grey-light: #e6e6e6;
    --grey-lighter: #c5c5c5;
    --grey-lighter-2: #dedede;
    --grey-white: #f5f5f5;
    --purple-dark: #7e7b96;
    --purple-medium: #8f8da6;
    --purple-light: #c9c8d6;
    --purple-lighter: #E3E3EC;
}

: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-medium-light: var(--grey-medium-light);
    --background-medium-light-2: var(--grey-medium-light-2);
    --background-grey-white: var(--grey-white);
    --border-dark: var(--grey);
    --border-darker: var(--grey-dark);
    --border-grey-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);
    --menu-item-background-dark: var(--grey);
    --fiche-menu: var(--grey);
    --fiche-menu-medium-light: var(--grey-medium-light);
}