

:root {
    /* Couleur 1 */
    
        --color1-100: #360000;
    
        --color1-90: #5a0000;
    
        --color1-80: #800000;
    
        --color1-70: #b10006;
    
        --color1-60: #da211c;
    
        --color1-50: #fc493c;
    
        --color1-40: #ffb2a4;
    
        --color1-30: #ffe5e0;
    
        --color1-20: #fff9f7;
    
        --color1-base: #ed342b;
    
        --color1-10: #fffefd;
    

    /* Couleur 2 */
    
        --color2-100: #191517;
    
        --color2-90: #2d272b;
    
        --color2-80: #423a40;
    
        --color2-70: #5e535a;
    
        --color2-60: #796c74;
    
        --color2-50: #968791;
    
        --color2-40: #d4c0cd;
    
        --color2-30: #fbe4f3;
    
        --color2-20: #fff9ff;
    
        --color2-base: #ffe8f7;
    
        --color2-10: #fffeff;
    

    /* Couleur 3 */
    
        --color3-100: #1f1400;
    
        --color3-90: #382500;
    
        --color3-80: #513800;
    
        --color3-70: #705100;
    
        --color3-60: #906900;
    
        --color3-50: #af8411;
    
        --color3-40: #e1c17e;
    
        --color3-30: #f5e9d2;
    
        --color3-20: #fcfaf5;
    
        --color3-base: #b58a1b;
    
        --color3-10: #fefefd;
    

    /* 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(#360000, #fffefd);
        
            --color1-90: light-dark(#5a0000, #fff9f7);
        
            --color1-80: light-dark(#800000, #ffe5e0);
        
            --color1-70: light-dark(#b10006, #ffb2a4);
        
            --color1-60: light-dark(#da211c, #fc493c);
        
            --color1-50: light-dark(#fc493c, #da211c);
        
            --color1-40: light-dark(#ffb2a4, #b10006);
        
            --color1-30: light-dark(#ffe5e0, #800000);
        
            --color1-20: light-dark(#fff9f7, #5a0000);
        
            --color1-base: light-dark(#ed342b, #ed342b);
        
            --color1-10: light-dark(#fffefd, #360000);
        

        /* Couleur 2 */
        
            --color2-100: light-dark(#191517, #fffeff);
        
            --color2-90: light-dark(#2d272b, #fff9ff);
        
            --color2-80: light-dark(#423a40, #fbe4f3);
        
            --color2-70: light-dark(#5e535a, #d4c0cd);
        
            --color2-60: light-dark(#796c74, #968791);
        
            --color2-50: light-dark(#968791, #796c74);
        
            --color2-40: light-dark(#d4c0cd, #5e535a);
        
            --color2-30: light-dark(#fbe4f3, #423a40);
        
            --color2-20: light-dark(#fff9ff, #2d272b);
        
            --color2-base: light-dark(#ffe8f7, #ffe8f7);
        
            --color2-10: light-dark(#fffeff, #191517);
        

        /* Couleur 3 */
        
            --color3-100: light-dark(#1f1400, #fefefd);
        
            --color3-90: light-dark(#382500, #fcfaf5);
        
            --color3-80: light-dark(#513800, #f5e9d2);
        
            --color3-70: light-dark(#705100, #e1c17e);
        
            --color3-60: light-dark(#906900, #af8411);
        
            --color3-50: light-dark(#af8411, #906900);
        
            --color3-40: light-dark(#e1c17e, #705100);
        
            --color3-30: light-dark(#f5e9d2, #513800);
        
            --color3-20: light-dark(#fcfaf5, #382500);
        
            --color3-base: light-dark(#b58a1b, #b58a1b);
        
            --color3-10: light-dark(#fefefd, #1f1400);
        

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