

:root {
    /* Couleur 1 */
    
        --color1-100: #121238;
    
        --color1-90: #222259;
    
        --color1-80: #33337f;
    
        --color1-70: #4a4aae;
    
        --color1-60: #5f5fdd;
    
        --color1-50: #797ef7;
    
        --color1-40: #929afb;
    
        --color1-30: #b9c1ff;
    
        --color1-20: #e5e9ff;
    
        --color1-base: #6a6af4;
    
        --color1-10: #f8f9ff;
    

    /* Couleur 2 */
    
        --color2-100: #000061;
    
        --color2-90: #000592;
    
        --color2-80: #092f9f;
    
        --color2-70: #2951af;
    
        --color2-60: #496dbe;
    
        --color2-50: #6b8acc;
    
        --color2-40: #88a3d8;
    
        --color2-30: #b5c6e8;
    
        --color2-20: #e5ebf7;
    
        --color2-base: #000091;
    
        --color2-10: #fafbfd;
    

    /* Couleur 3 */
    
        --color3-100: #300a00;
    
        --color3-90: #4e1601;
    
        --color3-80: #702201;
    
        --color3-70: #9b3303;
    
        --color3-60: #c64405;
    
        --color3-50: #ed5c23;
    
        --color3-40: #f5825b;
    
        --color3-30: #feb49b;
    
        --color3-20: #ffe5dc;
    
        --color3-base: #eb5207;
    
        --color3-10: #fffaf8;
    

    /* Couleur 4 */
    
        --color4-100: #380001;
    
        --color4-90: #5a0003;
    
        --color4-80: #800005;
    
        --color4-70: #b1000b;
    
        --color4-60: #e10011;
    
        --color4-50: #ee594d;
    
        --color4-40: #f68073;
    
        --color4-30: #feb3a8;
    
        --color4-20: #ffe5e1;
    
        --color4-base: #e10011;
    
        --color4-10: #fff9f8;
    

    /* Couleur 5 */
    
        --color5-100: #021b09;
    
        --color5-90: #053014;
    
        --color5-80: #0b4621;
    
        --color5-70: #136331;
    
        --color5-60: #1b8041;
    
        --color5-50: #249f52;
    
        --color5-40: #2cb961;
    
        --color5-30: #83d898;
    
        --color5-20: #d7f2dc;
    
        --color5-base: #2fc467;
    
        --color5-10: #f5fcf6;
    

    @supports (color: light-dark(#fff, #000)) {
        /* Couleur 1 */
        
            --color1-100: light-dark(#121238, #f8f9ff);
        
            --color1-90: light-dark(#222259, #e5e9ff);
        
            --color1-80: light-dark(#33337f, #b9c1ff);
        
            --color1-70: light-dark(#4a4aae, #929afb);
        
            --color1-60: light-dark(#5f5fdd, #797ef7);
        
            --color1-50: light-dark(#797ef7, #5f5fdd);
        
            --color1-40: light-dark(#929afb, #4a4aae);
        
            --color1-30: light-dark(#b9c1ff, #33337f);
        
            --color1-20: light-dark(#e5e9ff, #222259);
        
            --color1-base: light-dark(#6a6af4, #6a6af4);
        
            --color1-10: light-dark(#f8f9ff, #121238);
        

        /* Couleur 2 */
        
            --color2-100: light-dark(#000061, #fafbfd);
        
            --color2-90: light-dark(#000592, #e5ebf7);
        
            --color2-80: light-dark(#092f9f, #b5c6e8);
        
            --color2-70: light-dark(#2951af, #88a3d8);
        
            --color2-60: light-dark(#496dbe, #6b8acc);
        
            --color2-50: light-dark(#6b8acc, #496dbe);
        
            --color2-40: light-dark(#88a3d8, #2951af);
        
            --color2-30: light-dark(#b5c6e8, #092f9f);
        
            --color2-20: light-dark(#e5ebf7, #000592);
        
            --color2-base: light-dark(#000091, #000091);
        
            --color2-10: light-dark(#fafbfd, #000061);
        

        /* Couleur 3 */
        
            --color3-100: light-dark(#300a00, #fffaf8);
        
            --color3-90: light-dark(#4e1601, #ffe5dc);
        
            --color3-80: light-dark(#702201, #feb49b);
        
            --color3-70: light-dark(#9b3303, #f5825b);
        
            --color3-60: light-dark(#c64405, #ed5c23);
        
            --color3-50: light-dark(#ed5c23, #c64405);
        
            --color3-40: light-dark(#f5825b, #9b3303);
        
            --color3-30: light-dark(#feb49b, #702201);
        
            --color3-20: light-dark(#ffe5dc, #4e1601);
        
            --color3-base: light-dark(#eb5207, #eb5207);
        
            --color3-10: light-dark(#fffaf8, #300a00);
        

        /* Couleur 4 */
        
            --color4-100: light-dark(#380001, #fff9f8);
        
            --color4-90: light-dark(#5a0003, #ffe5e1);
        
            --color4-80: light-dark(#800005, #feb3a8);
        
            --color4-70: light-dark(#b1000b, #f68073);
        
            --color4-60: light-dark(#e10011, #ee594d);
        
            --color4-50: light-dark(#ee594d, #e10011);
        
            --color4-40: light-dark(#f68073, #b1000b);
        
            --color4-30: light-dark(#feb3a8, #800005);
        
            --color4-20: light-dark(#ffe5e1, #5a0003);
        
            --color4-base: light-dark(#e10011, #e10011);
        
            --color4-10: light-dark(#fff9f8, #380001);
        

        /* Couleur 5 */
        
            --color5-100: light-dark(#021b09, #f5fcf6);
        
            --color5-90: light-dark(#053014, #d7f2dc);
        
            --color5-80: light-dark(#0b4621, #83d898);
        
            --color5-70: light-dark(#136331, #2cb961);
        
            --color5-60: light-dark(#1b8041, #249f52);
        
            --color5-50: light-dark(#249f52, #1b8041);
        
            --color5-40: light-dark(#2cb961, #136331);
        
            --color5-30: light-dark(#83d898, #0b4621);
        
            --color5-20: light-dark(#d7f2dc, #053014);
        
            --color5-base: light-dark(#2fc467, #2fc467);
        
            --color5-10: light-dark(#f5fcf6, #021b09);
        
    }
}
