:root {
    /* Couleur 1 */
    
        --color1-100: #13152a;
    
        --color1-90: #232646;
    
        --color1-80: #353964;
    
        --color1-70: #4c5385;
    
        --color1-60: #666d99;
    
        --color1-50: #8389ad;
    
        --color1-40: #9ca1be;
    
        --color1-30: #c0c4d7;
    
        --color1-20: #eaebf2;
    
        --color1-base: #444a7e;
    
        --color1-10: #f9f9fb;
    

    /* Couleur 2 */
    
        --color2-100: #11113d;
    
        --color2-90: #202061;
    
        --color2-80: #303088;
    
        --color2-70: #4646bd;
    
        --color2-60: #5c5cef;
    
        --color2-50: #757eff;
    
        --color2-40: #8e9bff;
    
        --color2-30: #b7c2ff;
    
        --color2-20: #e6ebff;
    
        --color2-base: #6262ff;
    
        --color2-10: #f8f9ff;
    

    /* Couleur 3 */
    
        --color3-100: #181800;
    
        --color3-90: #2a2a00;
    
        --color3-80: #3e3e00;
    
        --color3-70: #595900;
    
        --color3-60: #737300;
    
        --color3-50: #909000;
    
        --color3-40: #a8a800;
    
        --color3-30: #cccc00;
    
        --color3-20: #edefba;
    
        --color3-base: #d2d200;
    
        --color3-10: #fafbee;
    

    /* 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(#13152a, #f9f9fb);
        
            --color1-90: light-dark(#232646, #eaebf2);
        
            --color1-80: light-dark(#353964, #c0c4d7);
        
            --color1-70: light-dark(#4c5385, #9ca1be);
        
            --color1-60: light-dark(#666d99, #8389ad);
        
            --color1-50: light-dark(#8389ad, #666d99);
        
            --color1-40: light-dark(#9ca1be, #4c5385);
        
            --color1-30: light-dark(#c0c4d7, #353964);
        
            --color1-20: light-dark(#eaebf2, #232646);
        
            --color1-base: light-dark(#444a7e, #444a7e);
        
            --color1-10: light-dark(#f9f9fb, #13152a);
        

        /* Couleur 2 */
        
            --color2-100: light-dark(#11113d, #f8f9ff);
        
            --color2-90: light-dark(#202061, #e6ebff);
        
            --color2-80: light-dark(#303088, #b7c2ff);
        
            --color2-70: light-dark(#4646bd, #8e9bff);
        
            --color2-60: light-dark(#5c5cef, #757eff);
        
            --color2-50: light-dark(#757eff, #5c5cef);
        
            --color2-40: light-dark(#8e9bff, #4646bd);
        
            --color2-30: light-dark(#b7c2ff, #303088);
        
            --color2-20: light-dark(#e6ebff, #202061);
        
            --color2-base: light-dark(#6262ff, #6262ff);
        
            --color2-10: light-dark(#f8f9ff, #11113d);
        

        /* Couleur 3 */
        
            --color3-100: light-dark(#181800, #fafbee);
        
            --color3-90: light-dark(#2a2a00, #edefba);
        
            --color3-80: light-dark(#3e3e00, #cccc00);
        
            --color3-70: light-dark(#595900, #a8a800);
        
            --color3-60: light-dark(#737300, #909000);
        
            --color3-50: light-dark(#909000, #737300);
        
            --color3-40: light-dark(#a8a800, #595900);
        
            --color3-30: light-dark(#cccc00, #3e3e00);
        
            --color3-20: light-dark(#edefba, #2a2a00);
        
            --color3-base: light-dark(#d2d200, #d2d200);
        
            --color3-10: light-dark(#fafbee, #181800);
        

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