

:root {
    /* Couleur 1 */
    
        --color1-100: #001a10;
    
        --color1-90: #002f20;
    
        --color1-80: #004632;
    
        --color1-70: #006348;
    
        --color1-60: #007f5f;
    
        --color1-50: #1c9d79;
    
        --color1-40: #8cd3b8;
    
        --color1-30: #d6efe5;
    
        --color1-20: #f3faf7;
    
        --color1-base: #1b9d79;
    
        --color1-10: #fcfefd;
    

    /* Couleur 2 */
    
        --color2-100: #0b1621;
    
        --color2-90: #1b2a39;
    
        --color2-80: #303e4c;
    
        --color2-70: #4b5864;
    
        --color2-60: #65717c;
    
        --color2-50: #838c96;
    
        --color2-40: #c1c6cb;
    
        --color2-30: #e8eaeb;
    
        --color2-20: #f8f9f9;
    
        --color2-base: #142433;
    
        --color2-10: #fdfdfd;
    

    /* Couleur 3 */
    
        --color3-100: #001a10;
    
        --color3-90: #002f20;
    
        --color3-80: #004632;
    
        --color3-70: #006348;
    
        --color3-60: #007f5f;
    
        --color3-50: #1c9d79;
    
        --color3-40: #8cd3b8;
    
        --color3-30: #d6efe5;
    
        --color3-20: #f3faf7;
    
        --color3-base: #1b9d79;
    
        --color3-10: #fcfefd;
    

    /* Couleur 4 */
    
        --color4-100: #280f00;
    
        --color4-90: #441e00;
    
        --color4-80: #622e00;
    
        --color4-70: #884400;
    
        --color4-60: #ac5a00;
    
        --color4-50: #d27200;
    
        --color4-40: #ffb769;
    
        --color4-30: #ffe8ce;
    
        --color4-20: #fff9f3;
    
        --color4-base: #ef8900;
    
        --color4-10: #fffdfb;
    

    /* Couleur 5 */
    
        --color5-100: #101900;
    
        --color5-90: #1f2d00;
    
        --color5-80: #2f4200;
    
        --color5-70: #455e00;
    
        --color5-60: #5a7a00;
    
        --color5-50: #729710;
    
        --color5-40: #a8d352;
    
        --color5-30: #dcf4b7;
    
        --color5-20: #f6fcee;
    
        --color5-base: #96c137;
    
        --color5-10: #fdfefb;
    

    @supports (color: light-dark(#fff, #000)) {
        /* Couleur 1 */
        
            --color1-100: light-dark(#001a10, #fcfefd);
        
            --color1-90: light-dark(#002f20, #f3faf7);
        
            --color1-80: light-dark(#004632, #d6efe5);
        
            --color1-70: light-dark(#006348, #8cd3b8);
        
            --color1-60: light-dark(#007f5f, #1c9d79);
        
            --color1-50: light-dark(#1c9d79, #007f5f);
        
            --color1-40: light-dark(#8cd3b8, #006348);
        
            --color1-30: light-dark(#d6efe5, #004632);
        
            --color1-20: light-dark(#f3faf7, #002f20);
        
            --color1-base: light-dark(#1b9d79, #1b9d79);
        
            --color1-10: light-dark(#fcfefd, #001a10);
        

        /* Couleur 2 */
        
            --color2-100: light-dark(#0b1621, #fdfdfd);
        
            --color2-90: light-dark(#1b2a39, #f8f9f9);
        
            --color2-80: light-dark(#303e4c, #e8eaeb);
        
            --color2-70: light-dark(#4b5864, #c1c6cb);
        
            --color2-60: light-dark(#65717c, #838c96);
        
            --color2-50: light-dark(#838c96, #65717c);
        
            --color2-40: light-dark(#c1c6cb, #4b5864);
        
            --color2-30: light-dark(#e8eaeb, #303e4c);
        
            --color2-20: light-dark(#f8f9f9, #1b2a39);
        
            --color2-base: light-dark(#142433, #142433);
        
            --color2-10: light-dark(#fdfdfd, #0b1621);
        

        /* Couleur 3 */
        
            --color3-100: light-dark(#001a10, #fcfefd);
        
            --color3-90: light-dark(#002f20, #f3faf7);
        
            --color3-80: light-dark(#004632, #d6efe5);
        
            --color3-70: light-dark(#006348, #8cd3b8);
        
            --color3-60: light-dark(#007f5f, #1c9d79);
        
            --color3-50: light-dark(#1c9d79, #007f5f);
        
            --color3-40: light-dark(#8cd3b8, #006348);
        
            --color3-30: light-dark(#d6efe5, #004632);
        
            --color3-20: light-dark(#f3faf7, #002f20);
        
            --color3-base: light-dark(#1b9d79, #1b9d79);
        
            --color3-10: light-dark(#fcfefd, #001a10);
        

        /* Couleur 4 */
        
            --color4-100: light-dark(#280f00, #fffdfb);
        
            --color4-90: light-dark(#441e00, #fff9f3);
        
            --color4-80: light-dark(#622e00, #ffe8ce);
        
            --color4-70: light-dark(#884400, #ffb769);
        
            --color4-60: light-dark(#ac5a00, #d27200);
        
            --color4-50: light-dark(#d27200, #ac5a00);
        
            --color4-40: light-dark(#ffb769, #884400);
        
            --color4-30: light-dark(#ffe8ce, #622e00);
        
            --color4-20: light-dark(#fff9f3, #441e00);
        
            --color4-base: light-dark(#ef8900, #ef8900);
        
            --color4-10: light-dark(#fffdfb, #280f00);
        

        /* Couleur 5 */
        
            --color5-100: light-dark(#101900, #fdfefb);
        
            --color5-90: light-dark(#1f2d00, #f6fcee);
        
            --color5-80: light-dark(#2f4200, #dcf4b7);
        
            --color5-70: light-dark(#455e00, #a8d352);
        
            --color5-60: light-dark(#5a7a00, #729710);
        
            --color5-50: light-dark(#729710, #5a7a00);
        
            --color5-40: light-dark(#a8d352, #455e00);
        
            --color5-30: light-dark(#dcf4b7, #2f4200);
        
            --color5-20: light-dark(#f6fcee, #1f2d00);
        
            --color5-base: light-dark(#96c137, #96c137);
        
            --color5-10: light-dark(#fdfefb, #101900);
        
    }
}
