

:root {
    /* Couleur 1 */
    
        --color1-100: #350202;
    
        --color1-90: #560607;
    
        --color1-80: #791412;
    
        --color1-70: #9e2b25;
    
        --color1-60: #bd4940;
    
        --color1-50: #d46c61;
    
        --color1-40: #e28a7f;
    
        --color1-30: #f1b6ae;
    
        --color1-20: #fbe6e3;
    
        --color1-base: #ad3730;
    
        --color1-10: #fdf8f7;
    

    /* Couleur 2 */
    
        --color2-100: #161618;
    
        --color2-90: #28282b;
    
        --color2-80: #3c3c3e;
    
        --color2-70: #555557;
    
        --color2-60: #6f6f71;
    
        --color2-50: #8a8a8c;
    
        --color2-40: #a1a1a3;
    
        --color2-30: #c4c4c4;
    
        --color2-20: #eaeaea;
    
        --color2-base: #28282a;
    
        --color2-10: #f9f9f9;
    

    /* Couleur 3 */
    
        --color3-100: #181611;
    
        --color3-90: #2c2821;
    
        --color3-80: #413c32;
    
        --color3-70: #5a5547;
    
        --color3-60: #766f5e;
    
        --color3-50: #928a75;
    
        --color3-40: #aaa18a;
    
        --color3-30: #cdc3a9;
    
        --color3-20: #f2ead6;
    
        --color3-base: #cfc5ab;
    
        --color3-10: #fbf8f0;
    

    /* Couleur 4 */
    
        --color4-100: #161618;
    
        --color4-90: #28282b;
    
        --color4-80: #3c3c3f;
    
        --color4-70: #555557;
    
        --color4-60: #6f6f71;
    
        --color4-50: #8a8a8c;
    
        --color4-40: #a1a1a3;
    
        --color4-30: #c4c4c4;
    
        --color4-20: #e9e9e9;
    
        --color4-base: #161618;
    
        --color4-10: #f8f8f8;
    

    /* Couleur 5 */
    
        --color5-100: #161617;
    
        --color5-90: #28282a;
    
        --color5-80: #3c3c3e;
    
        --color5-70: #555558;
    
        --color5-60: #6e6f72;
    
        --color5-50: #898a8e;
    
        --color5-40: #a0a2a5;
    
        --color5-30: #c2c4c8;
    
        --color5-20: #e7e9ee;
    
        --color5-base: #f7f9fe;
    
        --color5-10: #f6f8fd;
    

    @supports (color: light-dark(#fff, #000)) {
        /* Couleur 1 */
        
            --color1-100: light-dark(#350202, #fdf8f7);
        
            --color1-90: light-dark(#560607, #fbe6e3);
        
            --color1-80: light-dark(#791412, #f1b6ae);
        
            --color1-70: light-dark(#9e2b25, #e28a7f);
        
            --color1-60: light-dark(#bd4940, #d46c61);
        
            --color1-50: light-dark(#d46c61, #bd4940);
        
            --color1-40: light-dark(#e28a7f, #9e2b25);
        
            --color1-30: light-dark(#f1b6ae, #791412);
        
            --color1-20: light-dark(#fbe6e3, #560607);
        
            --color1-base: light-dark(#ad3730, #ad3730);
        
            --color1-10: light-dark(#fdf8f7, #350202);
        

        /* Couleur 2 */
        
            --color2-100: light-dark(#161618, #f9f9f9);
        
            --color2-90: light-dark(#28282b, #eaeaea);
        
            --color2-80: light-dark(#3c3c3e, #c4c4c4);
        
            --color2-70: light-dark(#555557, #a1a1a3);
        
            --color2-60: light-dark(#6f6f71, #8a8a8c);
        
            --color2-50: light-dark(#8a8a8c, #6f6f71);
        
            --color2-40: light-dark(#a1a1a3, #555557);
        
            --color2-30: light-dark(#c4c4c4, #3c3c3e);
        
            --color2-20: light-dark(#eaeaea, #28282b);
        
            --color2-base: light-dark(#28282a, #28282a);
        
            --color2-10: light-dark(#f9f9f9, #161618);
        

        /* Couleur 3 */
        
            --color3-100: light-dark(#181611, #fbf8f0);
        
            --color3-90: light-dark(#2c2821, #f2ead6);
        
            --color3-80: light-dark(#413c32, #cdc3a9);
        
            --color3-70: light-dark(#5a5547, #aaa18a);
        
            --color3-60: light-dark(#766f5e, #928a75);
        
            --color3-50: light-dark(#928a75, #766f5e);
        
            --color3-40: light-dark(#aaa18a, #5a5547);
        
            --color3-30: light-dark(#cdc3a9, #413c32);
        
            --color3-20: light-dark(#f2ead6, #2c2821);
        
            --color3-base: light-dark(#cfc5ab, #cfc5ab);
        
            --color3-10: light-dark(#fbf8f0, #181611);
        

        /* Couleur 4 */
        
            --color4-100: light-dark(#161618, #f8f8f8);
        
            --color4-90: light-dark(#28282b, #e9e9e9);
        
            --color4-80: light-dark(#3c3c3f, #c4c4c4);
        
            --color4-70: light-dark(#555557, #a1a1a3);
        
            --color4-60: light-dark(#6f6f71, #8a8a8c);
        
            --color4-50: light-dark(#8a8a8c, #6f6f71);
        
            --color4-40: light-dark(#a1a1a3, #555557);
        
            --color4-30: light-dark(#c4c4c4, #3c3c3f);
        
            --color4-20: light-dark(#e9e9e9, #28282b);
        
            --color4-base: light-dark(#161618, #161618);
        
            --color4-10: light-dark(#f8f8f8, #161618);
        

        /* Couleur 5 */
        
            --color5-100: light-dark(#161617, #f6f8fd);
        
            --color5-90: light-dark(#28282a, #e7e9ee);
        
            --color5-80: light-dark(#3c3c3e, #c2c4c8);
        
            --color5-70: light-dark(#555558, #a0a2a5);
        
            --color5-60: light-dark(#6e6f72, #898a8e);
        
            --color5-50: light-dark(#898a8e, #6e6f72);
        
            --color5-40: light-dark(#a0a2a5, #555558);
        
            --color5-30: light-dark(#c2c4c8, #3c3c3e);
        
            --color5-20: light-dark(#e7e9ee, #28282a);
        
            --color5-base: light-dark(#f7f9fe, #f7f9fe);
        
            --color5-10: light-dark(#f6f8fd, #161617);
        
    }
}
