:root {
    /* Couleur 1 */
    
        --color1-100: #360103;
    
        --color1-90: #580209;
    
        --color1-80: #7d0913;
    
        --color1-70: #a71a22;
    
        --color1-60: #d03336;
    
        --color1-50: #ef5652;
    
        --color1-40: #ff7871;
    
        --color1-30: #ffb0a8;
    
        --color1-20: #ffe4e0;
    
        --color1-base: #dd3f3f;
    
        --color1-10: #fff8f7;
    

    /* Couleur 2 */
    
        --color2-100: #1f004e;
    
        --color2-90: #36007a;
    
        --color2-80: #4f00ab;
    
        --color2-70: #7100e8;
    
        --color2-60: #903aff;
    
        --color2-50: #a56bff;
    
        --color2-40: #b68eff;
    
        --color2-30: #d0baff;
    
        --color2-20: #eee8ff;
    
        --color2-base: #8000ff;
    
        --color2-10: #faf9ff;
    

    /* Couleur 3 */
    
        --color3-100: #00172d;
    
        --color3-90: #002a4a;
    
        --color3-80: #003f6a;
    
        --color3-70: #005a91;
    
        --color3-60: #0075b4;
    
        --color3-50: #2e92d1;
    
        --color3-40: #5aaae2;
    
        --color3-30: #98cbf2;
    
        --color3-20: #ddeefb;
    
        --color3-base: #0080c0;
    
        --color3-10: #f7fafd;
    

    /* Couleur 4 */
    
        --color4-100: #2c0d00;
    
        --color4-90: #4a1a00;
    
        --color4-80: #692900;
    
        --color4-70: #913d00;
    
        --color4-60: #b85100;
    
        --color4-50: #df6900;
    
        --color4-40: #fe8000;
    
        --color4-30: #ffb672;
    
        --color4-20: #ffe6cd;
    
        --color4-base: #ff8000;
    
        --color4-10: #fffaf7;
    

    /* Couleur 5 */
    
        --color5-100: #001c00;
    
        --color5-90: #003100;
    
        --color5-80: #004700;
    
        --color5-70: #006500;
    
        --color5-60: #008300;
    
        --color5-50: #00a200;
    
        --color5-40: #00bd00;
    
        --color5-30: #00e500;
    
        --color5-20: #abffa2;
    
        --color5-base: #00ff00;
    
        --color5-10: #eeffeb;
    

    @supports (color: light-dark(#fff, #000)) {
        /* Couleur 1 */
        
            --color1-100: light-dark(#360103, #fff8f7);
        
            --color1-90: light-dark(#580209, #ffe4e0);
        
            --color1-80: light-dark(#7d0913, #ffb0a8);
        
            --color1-70: light-dark(#a71a22, #ff7871);
        
            --color1-60: light-dark(#d03336, #ef5652);
        
            --color1-50: light-dark(#ef5652, #d03336);
        
            --color1-40: light-dark(#ff7871, #a71a22);
        
            --color1-30: light-dark(#ffb0a8, #7d0913);
        
            --color1-20: light-dark(#ffe4e0, #580209);
        
            --color1-base: light-dark(#dd3f3f, #dd3f3f);
        
            --color1-10: light-dark(#fff8f7, #360103);
        

        /* Couleur 2 */
        
            --color2-100: light-dark(#1f004e, #faf9ff);
        
            --color2-90: light-dark(#36007a, #eee8ff);
        
            --color2-80: light-dark(#4f00ab, #d0baff);
        
            --color2-70: light-dark(#7100e8, #b68eff);
        
            --color2-60: light-dark(#903aff, #a56bff);
        
            --color2-50: light-dark(#a56bff, #903aff);
        
            --color2-40: light-dark(#b68eff, #7100e8);
        
            --color2-30: light-dark(#d0baff, #4f00ab);
        
            --color2-20: light-dark(#eee8ff, #36007a);
        
            --color2-base: light-dark(#8000ff, #8000ff);
        
            --color2-10: light-dark(#faf9ff, #1f004e);
        

        /* Couleur 3 */
        
            --color3-100: light-dark(#00172d, #f7fafd);
        
            --color3-90: light-dark(#002a4a, #ddeefb);
        
            --color3-80: light-dark(#003f6a, #98cbf2);
        
            --color3-70: light-dark(#005a91, #5aaae2);
        
            --color3-60: light-dark(#0075b4, #2e92d1);
        
            --color3-50: light-dark(#2e92d1, #0075b4);
        
            --color3-40: light-dark(#5aaae2, #005a91);
        
            --color3-30: light-dark(#98cbf2, #003f6a);
        
            --color3-20: light-dark(#ddeefb, #002a4a);
        
            --color3-base: light-dark(#0080c0, #0080c0);
        
            --color3-10: light-dark(#f7fafd, #00172d);
        

        /* Couleur 4 */
        
            --color4-100: light-dark(#2c0d00, #fffaf7);
        
            --color4-90: light-dark(#4a1a00, #ffe6cd);
        
            --color4-80: light-dark(#692900, #ffb672);
        
            --color4-70: light-dark(#913d00, #fe8000);
        
            --color4-60: light-dark(#b85100, #df6900);
        
            --color4-50: light-dark(#df6900, #b85100);
        
            --color4-40: light-dark(#fe8000, #913d00);
        
            --color4-30: light-dark(#ffb672, #692900);
        
            --color4-20: light-dark(#ffe6cd, #4a1a00);
        
            --color4-base: light-dark(#ff8000, #ff8000);
        
            --color4-10: light-dark(#fffaf7, #2c0d00);
        

        /* Couleur 5 */
        
            --color5-100: light-dark(#001c00, #eeffeb);
        
            --color5-90: light-dark(#003100, #abffa2);
        
            --color5-80: light-dark(#004700, #00e500);
        
            --color5-70: light-dark(#006500, #00bd00);
        
            --color5-60: light-dark(#008300, #00a200);
        
            --color5-50: light-dark(#00a200, #008300);
        
            --color5-40: light-dark(#00bd00, #006500);
        
            --color5-30: light-dark(#00e500, #004700);
        
            --color5-20: light-dark(#abffa2, #003100);
        
            --color5-base: light-dark(#00ff00, #00ff00);
        
            --color5-10: light-dark(#eeffeb, #001c00);
        
    }
}