

:root {
    /* Couleur 1 */
    
        --color1-100: #0e181f;
    
        --color1-90: #162a39;
    
        --color1-80: #1a3f59;
    
        --color1-70: #1f5a81;
    
        --color1-60: #3675a0;
    
        --color1-50: #6090b4;
    
        --color1-40: #83a6c2;
    
        --color1-30: #b4c7d6;
    
        --color1-20: #e6ebef;
    
        --color1-base: #2d6e99;
    
        --color1-10: #f9fafb;
    

    /* 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: undefined;
    
        --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: undefined;
    
        --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: undefined;
    
        --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: undefined;
    
        --color5-10: #f8fcf1;
    

    @supports (color: light-dark(#fff, #000)) {
        /* Couleur 1 */
        
            --color1-100: light-dark(#0e181f, #f9fafb);
        
            --color1-90: light-dark(#162a39, #e6ebef);
        
            --color1-80: light-dark(#1a3f59, #b4c7d6);
        
            --color1-70: light-dark(#1f5a81, #83a6c2);
        
            --color1-60: light-dark(#3675a0, #6090b4);
        
            --color1-50: light-dark(#6090b4, #3675a0);
        
            --color1-40: light-dark(#83a6c2, #1f5a81);
        
            --color1-30: light-dark(#b4c7d6, #1a3f59);
        
            --color1-20: light-dark(#e6ebef, #162a39);
        
            --color1-base: light-dark(#2d6e99, #2d6e99);
        
            --color1-10: light-dark(#f9fafb, #0e181f);
        

        /* 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(undefined, undefined);
        
            --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(undefined, undefined);
        
            --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(undefined, undefined);
        
            --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(undefined, undefined);
        
            --color5-10: light-dark(#f8fcf1, #121900);
        
    }
}
