:root {
    --Jaune1: #FFF59D;
    --Jaune2: #FFEB3B;

    /*Bleu*/
    --Bleu1: #869ECE;
    --Bleu2: #516B8F;
    --Bleu3: #001C31;

    --BleuBis1: #64B5F6;
    --BleuBis1: #1976D2;

    /*Vert*/
    --Vert1: #C5FCEE;
    --Vert2: #58BAAD;
    --Vert3: #09A38C;

    --VertFeuil1: #81C784;
    --VertFeuil2: #4CAF50;

    /*Rouge*/
    --Rouge1: #E48E68;
    /*Bis*/
    --Rouge2: #CD3F43;
    --Rouge3: #BF0C2B;
    /*Gris*/
    --Blanc: #ffffff;
    --Gris1: #BCAAA4;
    --Gris2: #E8E0DC;
    --Noir: #000000;

    --Violet1: #B08AE0;
    --Violet2: #845EC2;

    --Magenta1: #DF86B3;
    --Magenta2: #A53778;

    --Orange1: #FFD27F;
    --Orange2: #FF9501;

    /*background*/
    --BG: #fafafa;
    --BGadmin: #FFE4DF;

    /* Colors with 75% transparency */
    --Jaune1-75: rgba(255, 228, 149, 0.75);
    --Bleu1-75: rgba(134, 158, 206, 0.75);
    --Bleu2-75: rgba(81, 107, 143, 0.75);
    --Bleu3-75: rgba(0, 28, 49, 0.75);
    --Vert1-75: rgba(197, 252, 238, 0.75);
    --Vert2-75: rgba(88, 186, 173, 0.75);
    --Vert3-75: rgba(9, 163, 140, 0.75);
    --Rouge1-75: rgba(228, 142, 104, 0.75);
    --Rouge2-75: rgba(205, 63, 67, 0.75);
    --Rouge3-75: rgba(191, 12, 43, 0.75);
    --Blanc-75: rgba(255, 255, 255, 0.75);
    --Gris1-75: rgba(204, 204, 204, 0.75);
    --Gris2-75: rgba(136, 136, 136, 0.75);
    --Noir-75: rgba(0, 0, 0, 0.75);
}