:root {
    /* Couleur 1 */
    
        --color1-100: #031724;
    
        --color1-90: #092c3f;
    
        --color1-80: #11415b;
    
        --color1-70: #1b5c7f;
    
        --color1-60: #2676a3;
    
        --color1-50: #3193c9;
    
        --color1-40: #8acdf8;
    
        --color1-30: #d5edfd;
    
        --color1-20: #f2faff;
    
        --color1-base: #3db2f2;
    
        --color1-10: #fcfeff;
    

    /* Couleur 2 */
    
        --color2-100: #000c4c;
    
        --color2-90: #002268;
    
        --color2-80: #15397e;
    
        --color2-70: #335595;
    
        --color2-60: #506fa8;
    
        --color2-50: #728cbb;
    
        --color2-40: #b8c6de;
    
        --color2-30: #e6ebf3;
    
        --color2-20: #f7f9fb;
    
        --color2-base: #002369;
    
        --color2-10: #fdfdfe;
    

    /* Couleur 3 */
    
        --color3-100: #001726;
    
        --color3-90: #002b42;
    
        --color3-80: #00405f;
    
        --color3-70: #005c86;
    
        --color3-60: #0976a9;
    
        --color3-50: #1f94cf;
    
        --color3-40: #70d0ff;
    
        --color3-30: #c7f0ff;
    
        --color3-20: #f2fbff;
    
        --color3-base: #3db2f2;
    
        --color3-10: #fcfeff;
    

    /* Couleur 4 */
    
        --color4-100: #280f00;
    
        --color4-90: #441e00;
    
        --color4-80: #622e00;
    
        --color4-70: #840;
    
        --color4-60: #ac5a00;
    
        --color4-50: #d27200;
    
        --color4-40: #ffb769;
    
        --color4-30: #ffe8ce;
    
        --color4-20: #fff9f3;
    
        --color4-base: #ef8900;
    
        --color4-10: #fffdfb;
    

    /* Couleur 5 */
    
        --color5-100: #101900;
    
        --color5-90: #1f2d00;
    
        --color5-80: #2f4200;
    
        --color5-70: #455e00;
    
        --color5-60: #5a7a00;
    
        --color5-50: #729710;
    
        --color5-40: #a8d352;
    
        --color5-30: #dcf4b7;
    
        --color5-20: #f6fcee;
    
        --color5-base: #96c137;
    
        --color5-10: #fdfefb;
    

    @supports (color: light-dark(#fff, #000)) {
        /* Couleur 1 */
        
            --color1-100: light-dark(#031724, #fcfeff);
        
            --color1-90: light-dark(#092c3f, #f2faff);
        
            --color1-80: light-dark(#11415b, #d5edfd);
        
            --color1-70: light-dark(#1b5c7f, #8acdf8);
        
            --color1-60: light-dark(#2676a3, #3193c9);
        
            --color1-50: light-dark(#3193c9, #2676a3);
        
            --color1-40: light-dark(#8acdf8, #1b5c7f);
        
            --color1-30: light-dark(#d5edfd, #11415b);
        
            --color1-20: light-dark(#f2faff, #092c3f);
        
            --color1-base: light-dark(#3db2f2, #3db2f2);
        
            --color1-10: light-dark(#fcfeff, #031724);
        

        /* Couleur 2 */
        
            --color2-100: light-dark(#000c4c, #fdfdfe);
        
            --color2-90: light-dark(#002268, #f7f9fb);
        
            --color2-80: light-dark(#15397e, #e6ebf3);
        
            --color2-70: light-dark(#335595, #b8c6de);
        
            --color2-60: light-dark(#506fa8, #728cbb);
        
            --color2-50: light-dark(#728cbb, #506fa8);
        
            --color2-40: light-dark(#b8c6de, #335595);
        
            --color2-30: light-dark(#e6ebf3, #15397e);
        
            --color2-20: light-dark(#f7f9fb, #002268);
        
            --color2-base: light-dark(#002369, #002369);
        
            --color2-10: light-dark(#fdfdfe, #000c4c);
        

        /* Couleur 3 */
        
            --color3-100: light-dark(#001726, #fcfeff);
        
            --color3-90: light-dark(#002b42, #f2fbff);
        
            --color3-80: light-dark(#00405f, #c7f0ff);
        
            --color3-70: light-dark(#005c86, #70d0ff);
        
            --color3-60: light-dark(#0976a9, #1f94cf);
        
            --color3-50: light-dark(#1f94cf, #0976a9);
        
            --color3-40: light-dark(#70d0ff, #005c86);
        
            --color3-30: light-dark(#c7f0ff, #00405f);
        
            --color3-20: light-dark(#f2fbff, #002b42);
        
            --color3-base: light-dark(#3db2f2, #3db2f2);
        
            --color3-10: light-dark(#fcfeff, #001726);
        

        /* Couleur 4 */
        
            --color4-100: light-dark(#280f00, #fffdfb);
        
            --color4-90: light-dark(#441e00, #fff9f3);
        
            --color4-80: light-dark(#622e00, #ffe8ce);
        
            --color4-70: light-dark(#840, #ffb769);
        
            --color4-60: light-dark(#ac5a00, #d27200);
        
            --color4-50: light-dark(#d27200, #ac5a00);
        
            --color4-40: light-dark(#ffb769, #840);
        
            --color4-30: light-dark(#ffe8ce, #622e00);
        
            --color4-20: light-dark(#fff9f3, #441e00);
        
            --color4-base: light-dark(#ef8900, #ef8900);
        
            --color4-10: light-dark(#fffdfb, #280f00);
        

        /* Couleur 5 */
        
            --color5-100: light-dark(#101900, #fdfefb);
        
            --color5-90: light-dark(#1f2d00, #f6fcee);
        
            --color5-80: light-dark(#2f4200, #dcf4b7);
        
            --color5-70: light-dark(#455e00, #a8d352);
        
            --color5-60: light-dark(#5a7a00, #729710);
        
            --color5-50: light-dark(#729710, #5a7a00);
        
            --color5-40: light-dark(#a8d352, #455e00);
        
            --color5-30: light-dark(#dcf4b7, #2f4200);
        
            --color5-20: light-dark(#f6fcee, #1f2d00);
        
            --color5-base: light-dark(#96c137, #96c137);
        
            --color5-10: light-dark(#fdfefb, #101900);
        
    }
}