:root {
    /* Couleur 1 */
    
        --color1-100: #380000;
    
        --color1-90: #580000;
    
        --color1-80: #800000;
    
        --color1-70: #b00000;
    
        --color1-60: #df0100;
    
        --color1-50: #ff4334;
    
        --color1-40: #ff7866;
    
        --color1-30: #ffb0a2;
    
        --color1-20: #ffe5e0;
    
        --color1-base: #ff0100;
    
        --color1-10: #fff7f5;
    

    /* Couleur 2 */
    
        --color2-100: #300030;
    
        --color2-90: #4d004d;
    
        --color2-80: #700070;
    
        --color2-70: #9b009b;
    
        --color2-60: #c400c4;
    
        --color2-50: #f300f3;
    
        --color2-40: #ff59ff;
    
        --color2-30: #ffa5ff;
    
        --color2-20: #ffe2ff;
    
        --color2-base: #ff00ff;
    
        --color2-10: #fff6ff;
    

    /* Couleur 3 */
    
        --color3-100: #161616;
    
        --color3-90: #272727;
    
        --color3-80: #3c3c3c;
    
        --color3-70: #555555;
    
        --color3-60: #6e6e6e;
    
        --color3-50: #8a8a8a;
    
        --color3-40: #a1a1a1;
    
        --color3-30: #c4c4c4;
    
        --color3-20: #eaeaea;
    
        --color3-base: #eeeeee;
    
        --color3-10: #f8f8f8;
    

    /* Couleur 4 */
    
        --color4-100: #161616;
    
        --color4-90: #282828;
    
        --color4-80: #3c3c3c;
    
        --color4-70: #565656;
    
        --color4-60: #707070;
    
        --color4-50: #8b8b8b;
    
        --color4-40: #a2a2a2;
    
        --color4-30: #c5c5c5;
    
        --color4-20: #ebebeb;
    
        --color4-base: #888888;
    
        --color4-10: #fafafa;
    

    /* Couleur 5 */
    
        --color5-100: #161616;
    
        --color5-90: #282828;
    
        --color5-80: #3c3c3c;
    
        --color5-70: #565656;
    
        --color5-60: #707070;
    
        --color5-50: #8b8b8b;
    
        --color5-40: #a2a2a2;
    
        --color5-30: #c5c5c5;
    
        --color5-20: #ebebeb;
    
        --color5-base: #888888;
    
        --color5-10: #fafafa;
    

    @supports (color: light-dark(#fff, #000)) {
        /* Couleur 1 */
        
            --color1-100: light-dark(#380000, #fff7f5);
        
            --color1-90: light-dark(#580000, #ffe5e0);
        
            --color1-80: light-dark(#800000, #ffb0a2);
        
            --color1-70: light-dark(#b00000, #ff7866);
        
            --color1-60: light-dark(#df0100, #ff4334);
        
            --color1-50: light-dark(#ff4334, #df0100);
        
            --color1-40: light-dark(#ff7866, #b00000);
        
            --color1-30: light-dark(#ffb0a2, #800000);
        
            --color1-20: light-dark(#ffe5e0, #580000);
        
            --color1-base: light-dark(#ff0100, #ff0100);
        
            --color1-10: light-dark(#fff7f5, #380000);
        

        /* Couleur 2 */
        
            --color2-100: light-dark(#300030, #fff6ff);
        
            --color2-90: light-dark(#4d004d, #ffe2ff);
        
            --color2-80: light-dark(#700070, #ffa5ff);
        
            --color2-70: light-dark(#9b009b, #ff59ff);
        
            --color2-60: light-dark(#c400c4, #f300f3);
        
            --color2-50: light-dark(#f300f3, #c400c4);
        
            --color2-40: light-dark(#ff59ff, #9b009b);
        
            --color2-30: light-dark(#ffa5ff, #700070);
        
            --color2-20: light-dark(#ffe2ff, #4d004d);
        
            --color2-base: light-dark(#ff00ff, #ff00ff);
        
            --color2-10: light-dark(#fff6ff, #300030);
        

        /* Couleur 3 */
        
            --color3-100: light-dark(#161616, #f8f8f8);
        
            --color3-90: light-dark(#272727, #eaeaea);
        
            --color3-80: light-dark(#3c3c3c, #c4c4c4);
        
            --color3-70: light-dark(#555555, #a1a1a1);
        
            --color3-60: light-dark(#6e6e6e, #8a8a8a);
        
            --color3-50: light-dark(#8a8a8a, #6e6e6e);
        
            --color3-40: light-dark(#a1a1a1, #555555);
        
            --color3-30: light-dark(#c4c4c4, #3c3c3c);
        
            --color3-20: light-dark(#eaeaea, #272727);
        
            --color3-base: light-dark(#eeeeee, #eeeeee);
        
            --color3-10: light-dark(#f8f8f8, #161616);
        

        /* Couleur 4 */
        
            --color4-100: light-dark(#161616, #fafafa);
        
            --color4-90: light-dark(#282828, #ebebeb);
        
            --color4-80: light-dark(#3c3c3c, #c5c5c5);
        
            --color4-70: light-dark(#565656, #a2a2a2);
        
            --color4-60: light-dark(#707070, #8b8b8b);
        
            --color4-50: light-dark(#8b8b8b, #707070);
        
            --color4-40: light-dark(#a2a2a2, #565656);
        
            --color4-30: light-dark(#c5c5c5, #3c3c3c);
        
            --color4-20: light-dark(#ebebeb, #282828);
        
            --color4-base: light-dark(#888888, #888888);
        
            --color4-10: light-dark(#fafafa, #161616);
        

        /* Couleur 5 */
        
            --color5-100: light-dark(#161616, #fafafa);
        
            --color5-90: light-dark(#282828, #ebebeb);
        
            --color5-80: light-dark(#3c3c3c, #c5c5c5);
        
            --color5-70: light-dark(#565656, #a2a2a2);
        
            --color5-60: light-dark(#707070, #8b8b8b);
        
            --color5-50: light-dark(#8b8b8b, #707070);
        
            --color5-40: light-dark(#a2a2a2, #565656);
        
            --color5-30: light-dark(#c5c5c5, #3c3c3c);
        
            --color5-20: light-dark(#ebebeb, #282828);
        
            --color5-base: light-dark(#888888, #888888);
        
            --color5-10: light-dark(#fafafa, #161616);
        
    }
}