:root {
    /* Couleur 1 */
    
        --color1-100: #07005c;
    
        --color1-90: #0d0092;
    
        --color1-80: #111dbb;
    
        --color1-70: #2345cf;
    
        --color1-60: #3f67df;
    
        --color1-50: #6086ea;
    
        --color1-40: #7ea0f1;
    
        --color1-30: #adc4f8;
    
        --color1-20: #e2eafc;
    
        --color1-base: #0f0db3;
    
        --color1-10: #f7f9fe;
    

    /* 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: #161617;
    
        --color3-90: #282829;
    
        --color3-80: #3c3c3d;
    
        --color3-70: #555556;
    
        --color3-60: #6f6f71;
    
        --color3-50: #8a8a8c;
    
        --color3-40: #a1a1a3;
    
        --color3-30: #c4c4c6;
    
        --color3-20: #eaeaec;
    
        --color3-base: #f9f9fb;
    
        --color3-10: #f8f8fa;
    

    /* 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: #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(#07005c, #f7f9fe);
        
            --color1-90: light-dark(#0d0092, #e2eafc);
        
            --color1-80: light-dark(#111dbb, #adc4f8);
        
            --color1-70: light-dark(#2345cf, #7ea0f1);
        
            --color1-60: light-dark(#3f67df, #6086ea);
        
            --color1-50: light-dark(#6086ea, #3f67df);
        
            --color1-40: light-dark(#7ea0f1, #2345cf);
        
            --color1-30: light-dark(#adc4f8, #111dbb);
        
            --color1-20: light-dark(#e2eafc, #0d0092);
        
            --color1-base: light-dark(#0f0db3, #0f0db3);
        
            --color1-10: light-dark(#f7f9fe, #07005c);
        

        /* 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(#161617, #f8f8fa);
        
            --color3-90: light-dark(#282829, #eaeaec);
        
            --color3-80: light-dark(#3c3c3d, #c4c4c6);
        
            --color3-70: light-dark(#555556, #a1a1a3);
        
            --color3-60: light-dark(#6f6f71, #8a8a8c);
        
            --color3-50: light-dark(#8a8a8c, #6f6f71);
        
            --color3-40: light-dark(#a1a1a3, #555556);
        
            --color3-30: light-dark(#c4c4c6, #3c3c3d);
        
            --color3-20: light-dark(#eaeaec, #282829);
        
            --color3-base: light-dark(#f9f9fb, #f9f9fb);
        
            --color3-10: light-dark(#f8f8fa, #161617);
        

        /* 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(#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);
        
    }
}