

:root {
    /* Couleur 1 */
    
        --color1-100: #1c1031;
    
        --color1-90: #311f50;
    
        --color1-80: #482f72;
    
        --color1-70: #65449e;
    
        --color1-60: #7f5ebd;
    
        --color1-50: #977ecc;
    
        --color1-40: #ac99d7;
    
        --color1-30: #cbc0e6;
    
        --color1-20: #edeaf6;
    
        --color1-base: #543884;
    
        --color1-10: #fafafd;
    

    /* 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: #a13670;
    
        --color2-10: #fef9fa;
    

    /* Couleur 3 */
    
        --color3-100: #2d091d;
    
        --color3-90: #4a1431;
    
        --color3-80: #6a2149;
    
        --color3-70: #943166;
    
        --color3-60: #bc4184;
    
        --color3-50: #e259a2;
    
        --color3-40: #e782b3;
    
        --color3-30: #efb5cf;
    
        --color3-20: #f9e7ee;
    
        --color3-base: #ec4176;
    
        --color3-10: #fef9fb;
    

    /* Couleur 4 */
    
        --color4-100: #271200;
    
        --color4-90: #412100;
    
        --color4-80: #5d3200;
    
        --color4-70: #824800;
    
        --color4-60: #a65e00;
    
        --color4-50: #ce7600;
    
        --color4-40: #ef8900;
    
        --color4-30: #ffb586;
    
        --color4-20: #ffe7dc;
    
        --color4-base: #ffa45e;
    
        --color4-10: #fff9f6;
    

    /* Couleur 5 */
    
        --color5-100: #021b11;
    
        --color5-90: #052f20;
    
        --color5-80: #0b4630;
    
        --color5-70: #136346;
    
        --color5-60: #1b7f5a;
    
        --color5-50: #249e71;
    
        --color5-40: #2cb885;
    
        --color5-30: #37dfa2;
    
        --color5-20: #a5fed4;
    
        --color5-base: #37dfa2;
    
        --color5-10: #ecfff5;
    

    @supports (color: light-dark(#fff, #000)) {
        /* Couleur 1 */
        
            --color1-100: light-dark(#1c1031, #fafafd);
        
            --color1-90: light-dark(#311f50, #edeaf6);
        
            --color1-80: light-dark(#482f72, #cbc0e6);
        
            --color1-70: light-dark(#65449e, #ac99d7);
        
            --color1-60: light-dark(#7f5ebd, #977ecc);
        
            --color1-50: light-dark(#977ecc, #7f5ebd);
        
            --color1-40: light-dark(#ac99d7, #65449e);
        
            --color1-30: light-dark(#cbc0e6, #482f72);
        
            --color1-20: light-dark(#edeaf6, #311f50);
        
            --color1-base: light-dark(#543884, #543884);
        
            --color1-10: light-dark(#fafafd, #1c1031);
        

        /* 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(#a13670, #a13670);
        
            --color2-10: light-dark(#fef9fa, #320613);
        

        /* Couleur 3 */
        
            --color3-100: light-dark(#2d091d, #fef9fb);
        
            --color3-90: light-dark(#4a1431, #f9e7ee);
        
            --color3-80: light-dark(#6a2149, #efb5cf);
        
            --color3-70: light-dark(#943166, #e782b3);
        
            --color3-60: light-dark(#bc4184, #e259a2);
        
            --color3-50: light-dark(#e259a2, #bc4184);
        
            --color3-40: light-dark(#e782b3, #943166);
        
            --color3-30: light-dark(#efb5cf, #6a2149);
        
            --color3-20: light-dark(#f9e7ee, #4a1431);
        
            --color3-base: light-dark(#ec4176, #ec4176);
        
            --color3-10: light-dark(#fef9fb, #2d091d);
        

        /* Couleur 4 */
        
            --color4-100: light-dark(#271200, #fff9f6);
        
            --color4-90: light-dark(#412100, #ffe7dc);
        
            --color4-80: light-dark(#5d3200, #ffb586);
        
            --color4-70: light-dark(#824800, #ef8900);
        
            --color4-60: light-dark(#a65e00, #ce7600);
        
            --color4-50: light-dark(#ce7600, #a65e00);
        
            --color4-40: light-dark(#ef8900, #824800);
        
            --color4-30: light-dark(#ffb586, #5d3200);
        
            --color4-20: light-dark(#ffe7dc, #412100);
        
            --color4-base: light-dark(#ffa45e, #ffa45e);
        
            --color4-10: light-dark(#fff9f6, #271200);
        

        /* Couleur 5 */
        
            --color5-100: light-dark(#021b11, #ecfff5);
        
            --color5-90: light-dark(#052f20, #a5fed4);
        
            --color5-80: light-dark(#0b4630, #37dfa2);
        
            --color5-70: light-dark(#136346, #2cb885);
        
            --color5-60: light-dark(#1b7f5a, #249e71);
        
            --color5-50: light-dark(#249e71, #1b7f5a);
        
            --color5-40: light-dark(#2cb885, #136346);
        
            --color5-30: light-dark(#37dfa2, #0b4630);
        
            --color5-20: light-dark(#a5fed4, #052f20);
        
            --color5-base: light-dark(#37dfa2, #37dfa2);
        
            --color5-10: light-dark(#ecfff5, #021b11);
        
    }
}
