:root {
    /* Couleur 1 */
    
        --color1-100: #161616;
    
        --color1-90: #282828;
    
        --color1-80: #3c3c3c;
    
        --color1-70: #565656;
    
        --color1-60: #707070;
    
        --color1-50: #8b8b8b;
    
        --color1-40: #a2a2a2;
    
        --color1-30: #c5c5c5;
    
        --color1-20: #ebebeb;
    
        --color1-base: #000000;
    
        --color1-10: #fafafa;
    

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

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

    /* 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(#161616, #fafafa);
        
            --color1-90: light-dark(#282828, #ebebeb);
        
            --color1-80: light-dark(#3c3c3c, #c5c5c5);
        
            --color1-70: light-dark(#565656, #a2a2a2);
        
            --color1-60: light-dark(#707070, #8b8b8b);
        
            --color1-50: light-dark(#8b8b8b, #707070);
        
            --color1-40: light-dark(#a2a2a2, #565656);
        
            --color1-30: light-dark(#c5c5c5, #3c3c3c);
        
            --color1-20: light-dark(#ebebeb, #282828);
        
            --color1-base: light-dark(#000000, #000000);
        
            --color1-10: light-dark(#fafafa, #161616);
        

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

        /* Couleur 3 */
        
            --color3-100: light-dark(#161616, #fafafa);
        
            --color3-90: light-dark(#282828, #ebebeb);
        
            --color3-80: light-dark(#3c3c3c, #c5c5c5);
        
            --color3-70: light-dark(#565656, #a2a2a2);
        
            --color3-60: light-dark(#707070, #8b8b8b);
        
            --color3-50: light-dark(#8b8b8b, #707070);
        
            --color3-40: light-dark(#a2a2a2, #565656);
        
            --color3-30: light-dark(#c5c5c5, #3c3c3c);
        
            --color3-20: light-dark(#ebebeb, #282828);
        
            --color3-base: light-dark(#888888, #888888);
        
            --color3-10: light-dark(#fafafa, #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);
        
    }
}