:root {
    --color-primary: #F00;
    --color-secondary: #000;
    --color-tertiary: #FFF;
    --color-eiffage-bleu: #0088CE;
    --color-eiffage-jaune: #FED100;
    --color-eiffage-vert: #34B233;
    --color-eiffage-gris: #6D6F72;
    --font-th-color: white;
    --font-default-color: black;
    --tr-primary-color: white;
    --tr-secondary-color: #E8E8E8;

    /*///Loading////*/
    --loading-backgroud: white;
    --loading-primary: var(--color-eiffage-jaune);
    --loading-secondary: var(--color-primary);
    --loading-text-color: var(--color-eiffage-jaune);
    
    /*couleur bouton lib modal*/
    --btn-color-validate: var(--color-eiffage-vert);
    --btn-color-cancel: #FF0000;
    --btn-color-confirm-info:var(--color-eiffage-bleu);
    --btn-color-confirm-error: #FF0000;

}

/*lib modal*/
.btn-validate-color {
    background-color: var(--btn-color-validate);
}
.btn-cancel-color {
    background-color: var(--btn-color-cancel);
}


.color-primary {
    color: var(--color-primary);
}

.color-black {
    color: #212529;
}

.color-red {
    color: var(--color-primary);
}

.color-green {
    color: var(--color-eiffage-vert);
}

.white-icon,
.color-white {
    color: #FFFFFF;
}