

:root {
    /* Couleur 1 */
    
        --color1-100: #090924;
    
        --color1-90: #101a47;
    
        --color1-80: #1b04a7;
    
        --color1-70: #163bfd;
    
        --color1-60: #617afd;
    
        --color1-50: #989cfd;
    
        --color1-40: #bdbafe;
    
        --color1-30: #d8d6fb;
    
        --color1-20: #e9e9fc;
    
        --color1-base: #1542fe;
    
        --color1-10: #f2f2fd;
    

    /* Couleur 2 */
    
        --color2-100: #1c0403;
    
        --color2-90: #3a1110;
    
        --color2-80: #6c010f;
    
        --color2-70: #b50526;
    
        --color2-60: #f92f2a;
    
        --color2-50: #f7827b;
    
        --color2-40: #feadac;
    
        --color2-30: #fdcdcd;
    
        --color2-20: #fce5e5;
    
        --color2-base: #ec1e04;
    
        --color2-10: #fef0f0;
    

    /* Couleur 3 */
    
        --color3-100: #19081a;
    
        --color3-90: #2e192f;
    
        --color3-80: #4f2a51;
    
        --color3-70: #8b4485;
    
        --color3-60: #c163b9;
    
        --color3-50: #e18ad9;
    
        --color3-40: #f1a7e9;
    
        --color3-30: #f9ccf2;
    
        --color3-20: #fce2f8;
    
        --color3-base: #ec5407;
    
        --color3-10: #fceffa;
    

    /* Couleur 4 */
    
        --color4-100: #271200;
    
        --color4-90: #3a170b;
    
        --color4-80: #681501;
    
        --color4-70: #a92e07;
    
        --color4-60: #ef4b06;
    
        --color4-50: #f58664;
    
        --color4-40: #feac9a;
    
        --color4-30: #fad0c4;
    
        --color4-20: #fce5e0;
    
        --color4-base: #04af30;
    
        --color4-10: #fdf0ec;
    

    /* 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: #2cb885;
    
        --color5-10: #ecfff5;
    

    @supports (color: light-dark(#fff, #000)) {
        /* Couleur 1 */
        
            --color1-100: light-dark(#090924, #f2f2fd);
        
            --color1-90: light-dark(#101a47, #e9e9fc);
        
            --color1-80: light-dark(#1b04a7, #d8d6fb);
        
            --color1-70: light-dark(#163bfd, #bdbafe);
        
            --color1-60: light-dark(#617afd, #989cfd);
        
            --color1-50: light-dark(#989cfd, #617afd);
        
            --color1-40: light-dark(#bdbafe, #163bfd);
        
            --color1-30: light-dark(#d8d6fb, #1b04a7);
        
            --color1-20: light-dark(#e9e9fc, #101a47);
        
            --color1-base: light-dark(#1542fe, #1542fe);
        
            --color1-10: light-dark(#f2f2fd, #090924);
        

        /* Couleur 2 */
        
            --color2-100: light-dark(#1c0403, #fef0f0);
        
            --color2-90: light-dark(#3a1110, #fce5e5);
        
            --color2-80: light-dark(#6c010f, #fdcdcd);
        
            --color2-70: light-dark(#b50526, #feadac);
        
            --color2-60: light-dark(#f92f2a, #f7827b);
        
            --color2-50: light-dark(#f7827b, #f92f2a);
        
            --color2-40: light-dark(#feadac, #b50526);
        
            --color2-30: light-dark(#fdcdcd, #6c010f);
        
            --color2-20: light-dark(#fce5e5, #3a1110);
        
            --color2-base: light-dark(#ec1e04, #ec1e04);
        
            --color2-10: light-dark(#fef0f0, #1c0403);
        

        /* Couleur 3 */
        
            --color3-100: light-dark(#19081a, #fceffa);
        
            --color3-90: light-dark(#2e192f, #fce2f8);
        
            --color3-80: light-dark(#4f2a51, #f9ccf2);
        
            --color3-70: light-dark(#8b4485, #f1a7e9);
        
            --color3-60: light-dark(#c163b9, #e18ad9);
        
            --color3-50: light-dark(#e18ad9, #c163b9);
        
            --color3-40: light-dark(#f1a7e9, #8b4485);
        
            --color3-30: light-dark(#f9ccf2, #4f2a51);
        
            --color3-20: light-dark(#fce2f8, #2e192f);
        
            --color3-base: light-dark(#ec5407, #ec5407);
        
            --color3-10: light-dark(#fceffa, #19081a);
        

        /* Couleur 4 */
        
            --color4-100: light-dark(#271200, #fdf0ec);
        
            --color4-90: light-dark(#3a170b, #fce5e0);
        
            --color4-80: light-dark(#681501, #fad0c4);
        
            --color4-70: light-dark(#a92e07, #feac9a);
        
            --color4-60: light-dark(#ef4b06, #f58664);
        
            --color4-50: light-dark(#f58664, #ef4b06);
        
            --color4-40: light-dark(#feac9a, #a92e07);
        
            --color4-30: light-dark(#fad0c4, #681501);
        
            --color4-20: light-dark(#fce5e0, #3a170b);
        
            --color4-base: light-dark(#04af30, #04af30);
        
            --color4-10: light-dark(#fdf0ec, #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(#2cb885, #2cb885);
        
            --color5-10: light-dark(#ecfff5, #021b11);
        
    }
}
