

:root {
    /* Couleur 1 */
    
        --color1-100: #08025b;
    
        --color1-90: #110e87;
    
        --color1-80: #1b23b1;
    
        --color1-70: #2c42d6;
    
        --color1-60: #4263ea;
    
        --color1-50: #6184f8;
    
        --color1-40: #7e9ffe;
    
        --color1-30: #aec5ff;
    
        --color1-20: #e3ebff;
    
        --color1-base: #283cd0;
    
        --color1-10: #f7faff;
    

    /* Couleur 2 */
    
        --color2-100: #320613;
    
        --color2-90: #510f24;
    
        --color2-80: #741936;
    
        --color2-70: #a0264d;
    
        --color2-60: #cc3364;
    
        --color2-50: #ed557f;
    
        --color2-40: #ef819a;
    
        --color2-30: #f4b4c1;
    
        --color2-20: #fbe7ea;
    
        --color2-base: #ec4176;
    
        --color2-10: #fef9fa;
    

    /* Couleur 3 */
    
        --color3-100: #2d0a19;
    
        --color3-90: #49162c;
    
        --color3-80: #692341;
    
        --color3-70: #90365c;
    
        --color3-60: #b54976;
    
        --color3-50: #db6293;
    
        --color3-40: #f37baa;
    
        --color3-30: #ffaecd;
    
        --color3-20: #ffe4ee;
    
        --color3-base: #a13670;
    
        --color3-10: #fff8fa;
    

    /* Couleur 4 */
    
        --color4-100: #281100;
    
        --color4-90: #422000;
    
        --color4-80: #5e3100;
    
        --color4-70: #834700;
    
        --color4-60: #a75d00;
    
        --color4-50: #cc760b;
    
        --color4-40: #ea8c27;
    
        --color4-30: #ffb76b;
    
        --color4-20: #ffe7c9;
    
        --color4-base: #ffa45e;
    
        --color4-10: #fff9f3;
    

    /* Couleur 5 */
    
        --color5-100: #121900;
    
        --color5-90: #212d00;
    
        --color5-80: #334200;
    
        --color5-70: #495d00;
    
        --color5-60: #5f7800;
    
        --color5-50: #779600;
    
        --color5-40: #8baf00;
    
        --color5-30: #acd433;
    
        --color5-20: #e0f1c0;
    
        --color5-base: #90b600;
    
        --color5-10: #f8fcf1;
    

    @supports (color: light-dark(#fff, #000)) {
        /* Couleur 1 */
        
            --color1-100: light-dark(#08025b, #f7faff);
        
            --color1-90: light-dark(#110e87, #e3ebff);
        
            --color1-80: light-dark(#1b23b1, #aec5ff);
        
            --color1-70: light-dark(#2c42d6, #7e9ffe);
        
            --color1-60: light-dark(#4263ea, #6184f8);
        
            --color1-50: light-dark(#6184f8, #4263ea);
        
            --color1-40: light-dark(#7e9ffe, #2c42d6);
        
            --color1-30: light-dark(#aec5ff, #1b23b1);
        
            --color1-20: light-dark(#e3ebff, #110e87);
        
            --color1-base: light-dark(#283cd0, #283cd0);
        
            --color1-10: light-dark(#f7faff, #08025b);
        

        /* Couleur 2 */
        
            --color2-100: light-dark(#320613, #fef9fa);
        
            --color2-90: light-dark(#510f24, #fbe7ea);
        
            --color2-80: light-dark(#741936, #f4b4c1);
        
            --color2-70: light-dark(#a0264d, #ef819a);
        
            --color2-60: light-dark(#cc3364, #ed557f);
        
            --color2-50: light-dark(#ed557f, #cc3364);
        
            --color2-40: light-dark(#ef819a, #a0264d);
        
            --color2-30: light-dark(#f4b4c1, #741936);
        
            --color2-20: light-dark(#fbe7ea, #510f24);
        
            --color2-base: light-dark(#ec4176, #ec4176);
        
            --color2-10: light-dark(#fef9fa, #320613);
        

        /* Couleur 3 */
        
            --color3-100: light-dark(#2d0a19, #fff8fa);
        
            --color3-90: light-dark(#49162c, #ffe4ee);
        
            --color3-80: light-dark(#692341, #ffaecd);
        
            --color3-70: light-dark(#90365c, #f37baa);
        
            --color3-60: light-dark(#b54976, #db6293);
        
            --color3-50: light-dark(#db6293, #b54976);
        
            --color3-40: light-dark(#f37baa, #90365c);
        
            --color3-30: light-dark(#ffaecd, #692341);
        
            --color3-20: light-dark(#ffe4ee, #49162c);
        
            --color3-base: light-dark(#a13670, #a13670);
        
            --color3-10: light-dark(#fff8fa, #2d0a19);
        

        /* Couleur 4 */
        
            --color4-100: light-dark(#281100, #fff9f3);
        
            --color4-90: light-dark(#422000, #ffe7c9);
        
            --color4-80: light-dark(#5e3100, #ffb76b);
        
            --color4-70: light-dark(#834700, #ea8c27);
        
            --color4-60: light-dark(#a75d00, #cc760b);
        
            --color4-50: light-dark(#cc760b, #a75d00);
        
            --color4-40: light-dark(#ea8c27, #834700);
        
            --color4-30: light-dark(#ffb76b, #5e3100);
        
            --color4-20: light-dark(#ffe7c9, #422000);
        
            --color4-base: light-dark(#ffa45e, #ffa45e);
        
            --color4-10: light-dark(#fff9f3, #281100);
        

        /* Couleur 5 */
        
            --color5-100: light-dark(#121900, #f8fcf1);
        
            --color5-90: light-dark(#212d00, #e0f1c0);
        
            --color5-80: light-dark(#334200, #acd433);
        
            --color5-70: light-dark(#495d00, #8baf00);
        
            --color5-60: light-dark(#5f7800, #779600);
        
            --color5-50: light-dark(#779600, #5f7800);
        
            --color5-40: light-dark(#8baf00, #495d00);
        
            --color5-30: light-dark(#acd433, #334200);
        
            --color5-20: light-dark(#e0f1c0, #212d00);
        
            --color5-base: light-dark(#90b600, #90b600);
        
            --color5-10: light-dark(#f8fcf1, #121900);
        
    }
}
