

:root {
    /* Couleur 1 */
    
        --color1-100: #370002;
    
        --color1-90: #590006;
    
        --color1-80: #7f0010;
    
        --color1-70: #aa1320;
    
        --color1-60: #d03337;
    
        --color1-50: #ea5a57;
    
        --color1-40: #f97c75;
    
        --color1-30: #ffb0a9;
    
        --color1-20: #ffe4e1;
    
        --color1-base: #cf3236;
    
        --color1-10: #fff8f7;
    

    /* Couleur 2 */
    
        --color2-100: #00172f;
    
        --color2-90: #0b2a46;
    
        --color2-80: #203e5b;
    
        --color2-70: #3c5772;
    
        --color2-60: #5a728b;
    
        --color2-50: #788da1;
    
        --color2-40: #93a4b5;
    
        --color2-30: #bac5d0;
    
        --color2-20: #e8ebef;
    
        --color2-base: #11304c;
    
        --color2-10: #f8f9fa;
    

    /* Couleur 3 */
    
        --color3-100: #0f1719;
    
        --color3-90: #1d2a2d;
    
        --color3-80: #2d3f42;
    
        --color3-70: #41595e;
    
        --color3-60: #56747a;
    
        --color3-50: #6c9197;
    
        --color3-40: #7fa9b1;
    
        --color3-30: #9bced6;
    
        --color3-20: #d9eef2;
    
        --color3-base: #a1d6df;
    
        --color3-10: #f6fbfc;
    

    /* Couleur 4 */
    
        --color4-100: #26100f;
    
        --color4-90: #471a1a;
    
        --color4-80: #702023;
    
        --color4-70: #a81629;
    
        --color4-60: #cb3942;
    
        --color4-50: #d76968;
    
        --color4-40: #df8b89;
    
        --color4-30: #e8b9b7;
    
        --color4-20: #f4e8e7;
    
        --color4-base: #c1002a;
    
        --color4-10: #fbf8f8;
    

    /* Couleur 5 */
    
        --color5-100: #181700;
    
        --color5-90: #2b2a00;
    
        --color5-80: #3f3e00;
    
        --color5-70: #5a5800;
    
        --color5-60: #757300;
    
        --color5-50: #908f00;
    
        --color5-40: #a8a700;
    
        --color5-30: #cbca00;
    
        --color5-20: #f1f14d;
    
        --color5-base: #dddc00;
    
        --color5-10: #ffff9b;
    

    @supports (color: light-dark(#fff, #000)) {
        /* Couleur 1 */
        
            --color1-100: light-dark(#370002, #fff8f7);
        
            --color1-90: light-dark(#590006, #ffe4e1);
        
            --color1-80: light-dark(#7f0010, #ffb0a9);
        
            --color1-70: light-dark(#aa1320, #f97c75);
        
            --color1-60: light-dark(#d03337, #ea5a57);
        
            --color1-50: light-dark(#ea5a57, #d03337);
        
            --color1-40: light-dark(#f97c75, #aa1320);
        
            --color1-30: light-dark(#ffb0a9, #7f0010);
        
            --color1-20: light-dark(#ffe4e1, #590006);
        
            --color1-base: light-dark(#cf3236, #cf3236);
        
            --color1-10: light-dark(#fff8f7, #370002);
        

        /* Couleur 2 */
        
            --color2-100: light-dark(#00172f, #f8f9fa);
        
            --color2-90: light-dark(#0b2a46, #e8ebef);
        
            --color2-80: light-dark(#203e5b, #bac5d0);
        
            --color2-70: light-dark(#3c5772, #93a4b5);
        
            --color2-60: light-dark(#5a728b, #788da1);
        
            --color2-50: light-dark(#788da1, #5a728b);
        
            --color2-40: light-dark(#93a4b5, #3c5772);
        
            --color2-30: light-dark(#bac5d0, #203e5b);
        
            --color2-20: light-dark(#e8ebef, #0b2a46);
        
            --color2-base: light-dark(#11304c, #11304c);
        
            --color2-10: light-dark(#f8f9fa, #00172f);
        

        /* Couleur 3 */
        
            --color3-100: light-dark(#0f1719, #f6fbfc);
        
            --color3-90: light-dark(#1d2a2d, #d9eef2);
        
            --color3-80: light-dark(#2d3f42, #9bced6);
        
            --color3-70: light-dark(#41595e, #7fa9b1);
        
            --color3-60: light-dark(#56747a, #6c9197);
        
            --color3-50: light-dark(#6c9197, #56747a);
        
            --color3-40: light-dark(#7fa9b1, #41595e);
        
            --color3-30: light-dark(#9bced6, #2d3f42);
        
            --color3-20: light-dark(#d9eef2, #1d2a2d);
        
            --color3-base: light-dark(#a1d6df, #a1d6df);
        
            --color3-10: light-dark(#f6fbfc, #0f1719);
        

        /* Couleur 4 */
        
            --color4-100: light-dark(#26100f, #fbf8f8);
        
            --color4-90: light-dark(#471a1a, #f4e8e7);
        
            --color4-80: light-dark(#702023, #e8b9b7);
        
            --color4-70: light-dark(#a81629, #df8b89);
        
            --color4-60: light-dark(#cb3942, #d76968);
        
            --color4-50: light-dark(#d76968, #cb3942);
        
            --color4-40: light-dark(#df8b89, #a81629);
        
            --color4-30: light-dark(#e8b9b7, #702023);
        
            --color4-20: light-dark(#f4e8e7, #471a1a);
        
            --color4-base: light-dark(#c1002a, #c1002a);
        
            --color4-10: light-dark(#fbf8f8, #26100f);
        

        /* Couleur 5 */
        
            --color5-100: light-dark(#181700, #ffff9b);
        
            --color5-90: light-dark(#2b2a00, #f1f14d);
        
            --color5-80: light-dark(#3f3e00, #cbca00);
        
            --color5-70: light-dark(#5a5800, #a8a700);
        
            --color5-60: light-dark(#757300, #908f00);
        
            --color5-50: light-dark(#908f00, #757300);
        
            --color5-40: light-dark(#a8a700, #5a5800);
        
            --color5-30: light-dark(#cbca00, #3f3e00);
        
            --color5-20: light-dark(#f1f14d, #2b2a00);
        
            --color5-base: light-dark(#dddc00, #dddc00);
        
            --color5-10: light-dark(#ffff9b, #181700);
        
    }
}
