

:root {
    /* Couleur 1 */
    
        --color1-100: #06005c;
    
        --color1-90: #000393;
    
        --color1-80: #042ca6;
    
        --color1-70: #214db9;
    
        --color1-60: #426bca;
    
        --color1-50: #6489d7;
    
        --color1-40: #82a2e1;
    
        --color1-30: #b1c5ee;
    
        --color1-20: #e2eaf8;
    
        --color1-base: #000091;
    
        --color1-10: #f7f9fd;
    

    /* Couleur 2 */
    
        --color2-100: #310700;
    
        --color2-90: #521000;
    
        --color2-80: #741c00;
    
        --color2-70: #9e2c00;
    
        --color2-60: #c93f00;
    
        --color2-50: #f15700;
    
        --color2-40: #ff7c40;
    
        --color2-30: #ffb38c;
    
        --color2-20: #ffe6d8;
    
        --color2-base: #ff6218;
    
        --color2-10: #fff8f4;
    

    /* Couleur 3 */
    
        --color3-100: #120f3e;
    
        --color3-90: #211d64;
    
        --color3-80: #332e8c;
    
        --color3-70: #4944ba;
    
        --color3-60: #5f5ee4;
    
        --color3-50: #787cff;
    
        --color3-40: #9199ff;
    
        --color3-30: #b6c0ff;
    
        --color3-20: #e4e9ff;
    
        --color3-base: #6a6af4;
    
        --color3-10: #f6f8ff;
    

    /* Couleur 4 */
    
        --color4-100: #370000;
    
        --color4-90: #5a0000;
    
        --color4-80: #800000;
    
        --color4-70: #af0000;
    
        --color4-60: #e1000f;
    
        --color4-50: #fb473d;
    
        --color4-40: #ff796a;
    
        --color4-30: #ffb0a3;
    
        --color4-20: #ffe5e0;
    
        --color4-base: #e1000f;
    
        --color4-10: #fff7f6;
    

    /* Couleur 5 */
    
        --color5-100: #001b07;
    
        --color5-90: #003010;
    
        --color5-80: #00471c;
    
        --color5-70: #00632a;
    
        --color5-60: #00813b;
    
        --color5-50: #009f4d;
    
        --color5-40: #20b95f;
    
        --color5-30: #5fdc86;
    
        --color5-20: #c4f7cf;
    
        --color5-base: #2fc368;
    
        --color5-10: #f1fcf3;
    

    @supports (color: light-dark(#fff, #000)) {
        /* Couleur 1 */
        
            --color1-100: light-dark(#06005c, #f7f9fd);
        
            --color1-90: light-dark(#000393, #e2eaf8);
        
            --color1-80: light-dark(#042ca6, #b1c5ee);
        
            --color1-70: light-dark(#214db9, #82a2e1);
        
            --color1-60: light-dark(#426bca, #6489d7);
        
            --color1-50: light-dark(#6489d7, #426bca);
        
            --color1-40: light-dark(#82a2e1, #214db9);
        
            --color1-30: light-dark(#b1c5ee, #042ca6);
        
            --color1-20: light-dark(#e2eaf8, #000393);
        
            --color1-base: light-dark(#000091, #000091);
        
            --color1-10: light-dark(#f7f9fd, #06005c);
        

        /* Couleur 2 */
        
            --color2-100: light-dark(#310700, #fff8f4);
        
            --color2-90: light-dark(#521000, #ffe6d8);
        
            --color2-80: light-dark(#741c00, #ffb38c);
        
            --color2-70: light-dark(#9e2c00, #ff7c40);
        
            --color2-60: light-dark(#c93f00, #f15700);
        
            --color2-50: light-dark(#f15700, #c93f00);
        
            --color2-40: light-dark(#ff7c40, #9e2c00);
        
            --color2-30: light-dark(#ffb38c, #741c00);
        
            --color2-20: light-dark(#ffe6d8, #521000);
        
            --color2-base: light-dark(#ff6218, #ff6218);
        
            --color2-10: light-dark(#fff8f4, #310700);
        

        /* Couleur 3 */
        
            --color3-100: light-dark(#120f3e, #f6f8ff);
        
            --color3-90: light-dark(#211d64, #e4e9ff);
        
            --color3-80: light-dark(#332e8c, #b6c0ff);
        
            --color3-70: light-dark(#4944ba, #9199ff);
        
            --color3-60: light-dark(#5f5ee4, #787cff);
        
            --color3-50: light-dark(#787cff, #5f5ee4);
        
            --color3-40: light-dark(#9199ff, #4944ba);
        
            --color3-30: light-dark(#b6c0ff, #332e8c);
        
            --color3-20: light-dark(#e4e9ff, #211d64);
        
            --color3-base: light-dark(#6a6af4, #6a6af4);
        
            --color3-10: light-dark(#f6f8ff, #120f3e);
        

        /* Couleur 4 */
        
            --color4-100: light-dark(#370000, #fff7f6);
        
            --color4-90: light-dark(#5a0000, #ffe5e0);
        
            --color4-80: light-dark(#800000, #ffb0a3);
        
            --color4-70: light-dark(#af0000, #ff796a);
        
            --color4-60: light-dark(#e1000f, #fb473d);
        
            --color4-50: light-dark(#fb473d, #e1000f);
        
            --color4-40: light-dark(#ff796a, #af0000);
        
            --color4-30: light-dark(#ffb0a3, #800000);
        
            --color4-20: light-dark(#ffe5e0, #5a0000);
        
            --color4-base: light-dark(#e1000f, #e1000f);
        
            --color4-10: light-dark(#fff7f6, #370000);
        

        /* Couleur 5 */
        
            --color5-100: light-dark(#001b07, #f1fcf3);
        
            --color5-90: light-dark(#003010, #c4f7cf);
        
            --color5-80: light-dark(#00471c, #5fdc86);
        
            --color5-70: light-dark(#00632a, #20b95f);
        
            --color5-60: light-dark(#00813b, #009f4d);
        
            --color5-50: light-dark(#009f4d, #00813b);
        
            --color5-40: light-dark(#20b95f, #00632a);
        
            --color5-30: light-dark(#5fdc86, #00471c);
        
            --color5-20: light-dark(#c4f7cf, #003010);
        
            --color5-base: light-dark(#2fc368, #2fc368);
        
            --color5-10: light-dark(#f1fcf3, #001b07);
        
    }
}
