:root {
    --Color-Text-blacktext: #333334;
    --Color-Text-whitetext: #ffffff;
    --Color-Primary-light_blue: #3eb6e9;
    --Color-Primary-dark_blue: #1a2341;
    --Color-Primary-blue_secondary: #8bd1e8;
    --Color-Primary-light_green: #c0d11e;
    --Color-Primary-pink: #e71d72;
    --Color-Primary-yellow: #fcea10;
    --Color-Primary-orange: #f18712;
    --Color-Neutre-black: #333334;
    --Color-Neutre-white: #ffffff;
    --Color-Neutre-dark_grey: #495057;
    --Color-Neutre-DS_dark_grey: #636462;
    --Color-Neutre-DS_light_grey: #e5e5e5;
    --Color-Neutre-background_1: #f6f6f6;
    --Color-State-success: #18753c;
    --Color-State-successbg: #d9ffe3;
    --Color-State-warning: #b34000;
    --Color-State-warningbg: #fbf6d9;
    --Color-State-error: #ce0500;
    --Color-State-errorbg: #ffe9e9;
    --Color-State-info: #0063cb;
    --Color-State-infobg: #e8edff;
    --Color-State-HoverPrimary: #2e3e73;
    --Color-State-HoverSecondary: #1A2341;
    --Color-State-Hoverdanger: #BE2030;
    --Color-Composant-autonome2: #716043;
    --Color-Composant-autonome_bg_2: #feecc2;
    --Color-Composant-autonome: #6e445a;
    --Color-Composant-autonome_bg: #fee0fb;
    --Color-Composant-AVenir: #e5fbfd;
    --Color-Composant-EnCours: #c3e8f8;
    --Color-Background-WaveHome: #edeaea;
    --Color-Composant-bottom_tab_selected: #0063cb;
    --Color-Composant-bottom_tab_unselected: #333334;
    --Color-Background-prisebg: #e1e1e1;
    --Color-Chart-blue: #537ff1;
    --Color-Chart-cyan: #3cc3df;
    --Color-Chart-salmon: #ff928a;
    --Color-Chart-purple: #8979ff;
    --Color-Chart-raspberry: #2bb7dc;
    --Color-Chart-orange: #ea9245;
    --Color-Gray-200: #E4E7EC;

    font-size: 16px;
}

/*COMBINAISON DE COULEURS*/

.atp-color-primary{
    color: var(--Color-Text-blacktext);
    fill: var(--Color-Text-blacktext);
}

.atp-color-primary-info {
    background-color: var(--Color-State-info);
    color: var(--Color-Text-whitetext);
}

.atp-color-info {
    color: var(--Color-State-info);
    fill: var(--Color-State-info);
} 

.atp-color-secondary-info {
    background-color: var(--Color-State-infobg);
    color: var(--Color-State-info);
}

.atp-color-primary-error {
    background-color: var(--Color-State-error);
    color: var(--Color-Text-whitetext);
}

.atp-color-secondary-error {
    background-color: var(--Color-State-errorbg);
    color: var(--Color-State-error);
}

.atp-color-primary-success {
    background-color: var(--Color-State-success);
    color: var(--Color-Text-whitetext);
}

.atp-color-success {
    color: var(--Color-State-success);
    fill: var(--Color-State-success);
}

.atp-color-secondary-success {
    background-color: var(--Color-State-successbg);
    color: var(--Color-State-success);
}

.atp-color-primary-warning {
    background-color: var(--Color-State-warning);
    color: var(--Color-Text-whitetext);
}

.atp-color-secondary-warning {
    background-color: var(--Color-State-warningbg);
    color: var(--Color-State-warning);
}

.atp-color-primary-neutre {
    background-color: var(--Color-Neutre-DS_light_grey);
    color: var(--Color-Neutre-DS_dark_grey);
}

.atp-color-secondary-neutre {
    background-color: var(--Color-Neutre-white);
    color: var(--Color-Neutre-DS_dark_grey);
    border: 1px solid var(--Color-Neutre-DS_light_grey);
}

.apt-color-error {
    color: var(--Color-State-error);
    fill: var(--Color-State-error);
}