

:root {
    /* Couleur 1 */
    
        --color1-100: #00162E;
    
        --color1-90: #00294E;
    
        --color1-80: #003E6F;
    
        --color1-70: #005898;
    
        --color1-60: #0973BF;
    
        --color1-50: #288FE5;
    
        --color1-40: #8BCCFF;
    
        --color1-30: #D8EEFF;
    
        --color1-20: #F6FBFF;
    
        --color1-base: #00294E;
    
        --color1-10: #FCFEFF;
    

    /* Couleur 2 */
    
        --color2-100: #350101;
    
        --color2-90: #580303;
    
        --color2-80: #7e0606;
    
        --color2-70: #af0d0d;
    
        --color2-60: #dd1313;
    
        --color2-50: #ed5a4c;
    
        --color2-40: #feb2a6;
    
        --color2-30: #ffe5e1;
    
        --color2-20: #fff7f6;
    
        --color2-base: #e11414;
    
        --color2-10: #fffcfc;
    

    /* Couleur 3 */
    
        --color3-100: #360000;
    
        --color3-90: #5A0000;
    
        --color3-80: #800000;
    
        --color3-70: #B10006;
    
        --color3-60: #E0001F;
    
        --color3-50: #EF5751;
    
        --color3-40: #FFB1A9;
    
        --color3-30: #FFE5E2;
    
        --color3-20: #FFF9F8;
    
        --color3-base: #E0001F;
    
        --color3-10: #FFFEFE;
    

    /* Couleur 4 */
    
        --color4-100: #280f00;
    
        --color4-90: #441e00;
    
        --color4-80: #622e00;
    
        --color4-70: #884400;
    
        --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(#00162E, #FCFEFF);
        
            --color1-90: light-dark(#00294E, #F6FBFF);
        
            --color1-80: light-dark(#003E6F, #D8EEFF);
        
            --color1-70: light-dark(#005898, #8BCCFF);
        
            --color1-60: light-dark(#0973BF, #288FE5);
        
            --color1-50: light-dark(#288FE5, #0973BF);
        
            --color1-40: light-dark(#8BCCFF, #005898);
        
            --color1-30: light-dark(#D8EEFF, #003E6F);
        
            --color1-20: light-dark(#F6FBFF, #00294E);
        
            --color1-base: light-dark(#00294E, #00294E);
        
            --color1-10: light-dark(#FCFEFF, #00162E);
        

        /* Couleur 2 */
        
            --color2-100: light-dark(#350101, #fffcfc);
        
            --color2-90: light-dark(#580303, #fff7f6);
        
            --color2-80: light-dark(#7e0606, #ffe5e1);
        
            --color2-70: light-dark(#af0d0d, #feb2a6);
        
            --color2-60: light-dark(#dd1313, #ed5a4c);
        
            --color2-50: light-dark(#ed5a4c, #dd1313);
        
            --color2-40: light-dark(#feb2a6, #af0d0d);
        
            --color2-30: light-dark(#ffe5e1, #7e0606);
        
            --color2-20: light-dark(#fff7f6, #580303);
        
            --color2-base: light-dark(#e11414, #e11414);
        
            --color2-10: light-dark(#fffcfc, #350101);
        

        /* Couleur 3 */
        
            --color3-100: light-dark(#360000, #FFFEFE);
        
            --color3-90: light-dark(#5A0000, #FFF9F8);
        
            --color3-80: light-dark(#800000, #FFE5E2);
        
            --color3-70: light-dark(#B10006, #FFB1A9);
        
            --color3-60: light-dark(#E0001F, #EF5751);
        
            --color3-50: light-dark(#EF5751, #E0001F);
        
            --color3-40: light-dark(#FFB1A9, #B10006);
        
            --color3-30: light-dark(#FFE5E2, #800000);
        
            --color3-20: light-dark(#FFF9F8, #5A0000);
        
            --color3-base: light-dark(#E0001F, #E0001F);
        
            --color3-10: light-dark(#FFFEFE, #360000);
        

        /* Couleur 4 */
        
            --color4-100: light-dark(#280f00, #fffdfb);
        
            --color4-90: light-dark(#441e00, #fff9f3);
        
            --color4-80: light-dark(#622e00, #ffe8ce);
        
            --color4-70: light-dark(#884400, #ffb769);
        
            --color4-60: light-dark(#ac5a00, #d27200);
        
            --color4-50: light-dark(#d27200, #ac5a00);
        
            --color4-40: light-dark(#ffb769, #884400);
        
            --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);
        
    }
}
