/* Default colors */
html {
    --rouge-saumon-color: #db7093;
    --rouge-clair-color: #ffaaaa;
    --rouge-color: #ff0000;
    --rouge-fonce-color: #993333;
    --vert-clair-color: #aaffaa;
    --vert-color: #00ff00;
    --vert2-color: #7fffd4;
    --vert3-color: #92db92;
    --vert-fonce-color: #3d8a80;
    --texte1-color: #990099;
    --orange-color: #ff7f24;
    --navajo-color: #ffdead;
    --jaune-color: #ffff00;
    --jaune-pale-color: #ffffcc;
    --bleu-color: #0000ff;
    --bleu-violet-color: #9900cc;
    --bleu-turquoise-color: #5bfff6;
    --bleu-electrique-color: #2c75ff;
    --vert-titre-color: #c4ffc4;
    --rose-titre-color: #ebcdeb;
    --orange-titre-color: #ffc6a3;
    --bleu-titre-color: #a3d9ff;

    --main-background-color: #fbffff;
    --second-bg-color: #d3ccc6;
    --third-bg-color: #e2dad4;
    --fourth-bg-color: #f0ecea;
    --input-bg-color: #fbffff;
    --input-disabled-bg-color: #eeeeee;

    --main-border-color: #8c8c8c;
    --main-focus-color: #6db9ff;
    --main-shadow-color: #7d7d7d;

    --main-text-color: #0f0f0f;
    --main-text-color-hover: #444444;
    --light-text-color: #e6e6e6;
    --dark-text-color: #0f0f0f;
    --text-disabled-color: #b9b9b9;
    --public-text-color: #152bc5;
    --link-color: #337ab7;
    
    --msg-non-bloquant: #27a555;
}
/* Dark theme colors */
html.dark-theme {
    --rouge-saumon-color: #a4506c;
    --rouge-clair-color: #e96767;
    --rouge-color: #d60000;
    --rouge-fonce-color: #993333;
    --vert-clair-color: #248324;
    --vert-color: #00cc00;
    --vert2-color: #5acca6;
    --vert3-color: #92db92;
    --vert-fonce-color: #3d8a80;
    --texte1-color: #990099;
    --orange-color: #c9631a;
    --navajo-color: #dac098;
    --jaune-color: #dfdf00;
    --jaune-pale-color: #dcdc7c;
    --bleu-color: #0000ff;
    --bleu-violet-color: #8000ab;
    --bleu-turquoise-color: #49cbc4;
    --bleu-electrique-color: #2c75ff;
    --vert-titre-color: #87ab87;
    --rose-titre-color: #a57da5;
    --orange-titre-color: #d08c63;
    --bleu-titre-color: #5e8dae;

    --main-background-color: #191919;
    --second-bg-color: #242424;
    --third-bg-color: #303030;
    --fourth-bg-color: #393939;
    --input-bg-color: #474747;
    --input-disabled-bg-color: #656565;

    --main-border-color: #0f0f0f;
    --main-focus-color: #6db9ff;
    --main-shadow-color: #818181;

    --main-text-color: #e6e6e6;
    --main-text-color-hover: #a4a4a4;
    --light-text-color: #e6e6e6;
    --dark-text-color: #0f0f0f;
    --text-disabled-color: #999999;
    --public-text-color: #2dd8e4;
    --link-color: #53afff;
    
    --msg-non-bloquant: #27a555;
}

/* Styles for users who prefer dark mode at the OS level */
@media (prefers-color-scheme: dark) {
    /* defaults to dark theme */
    html {
        --rouge-saumon-color: #a4506c;
        --rouge-clair-color: #e96767;
        --rouge-color: #d60000;
        --rouge-fonce-color: #993333;
        --vert-clair-color: #248324;
        --vert-color: #00cc00;
        --vert2-color: #5acca6;
        --vert3-color: #92db92;
        --vert-fonce-color: #3d8a80;
        --texte1-color: #990099;
        --orange-color: #c9631a;
        --navajo-color: #dac098;
        --jaune-color: #dfdf00;
        --jaune-pale-color: #dcdc7c;
        --bleu-color: #0000ff;
        --bleu-violet-color: #8000ab;
        --bleu-turquoise-color: #49cbc4;
        --bleu-electrique-color: #2c75ff;
        --vert-titre-color: #87ab87;
        --rose-titre-color: #a57da5;
        --orange-titre-color: #d08c63;
        --bleu-titre-color: #5e8dae;

        --main-background-color: #191919;
        --second-bg-color: #242424;
        --third-bg-color: #303030;
        --fourth-bg-color: #393939;
        --input-bg-color: #474747;
        --input-disabled-bg-color: #656565;

        --main-border-color: #0f0f0f;
        --main-focus-color: #6db9ff;
        --main-shadow-color: #818181;

        --main-text-color: #e6e6e6;
        --main-text-color-hover: #a4a4a4;
        --light-text-color: #e6e6e6;
        --dark-text-color: #0f0f0f;
        --text-disabled-color: #999999;
        --public-text-color: #2dd8e4;
        --link-color: #53afff;
        
        --msg-non-bloquant: #27a555;
    }
    /* Override dark mode with light mode styles if the user decides to swap */
    html.light-theme {
        --rouge-saumon-color: #db7093;
        --rouge-clair-color: #ffaaaa;
        --rouge-color: #ff0000;
        --rouge-fonce-color: #993333;
        --vert-clair-color: #aaffaa;
        --vert-color: #00ff00;
        --vert2-color: #7fffd4;
        --vert3-color: #92db92;
        --vert-fonce-color: #3d8a80;
        --texte1-color: #990099;
        --orange-color: #ff7f24;
        --navajo-color: #ffdead;
        --jaune-color: #ffff00;
        --jaune-pale-color: #ffffcc;
        --bleu-color: #0000ff;
        --bleu-violet-color: #9900cc;
        --bleu-turquoise-color: #5bfff6;
        --bleu-electrique-color: #2c75ff;
        --vert-titre-color: #c4ffc4;
        --rose-titre-color: #ebcdeb;
        --orange-titre-color: #ffc6a3;
        --bleu-titre-color: #a3d9ff;

        --main-background-color: #fbffff;
        --second-bg-color: #d3ccc6;
        --third-bg-color: #e2dad4;
        --fourth-bg-color: #f0ecea;
        --input-bg-color: #fbffff;
        --input-disabled-bg-color: #eeeeee;

        --main-border-color: #8c8c8c;
        --main-focus-color: #6db9ff;
        --main-shadow-color: #7d7d7d;

        --main-text-color: #0f0f0f;
        --main-text-color-hover: #444444;
        --light-text-color: #e6e6e6;
        --dark-text-color: #0f0f0f;
        --text-disabled-color: #999999;
        --public-text-color: #152bc5;
        --link-color: #337ab7;
        
        --msg-non-bloquant: #27a555;
    }
}

.lightGraybg {
    background-color: #bab9b8;
}
.darkGraybg {
    background-color: #4f5255;
}
.lightRedbg {
    background-color: #e62a3a;
}
.darkBrownbg {
    background-color: #b7b0a6;
}
.dark-theme .darkBrownbg {
    background-color: #202020;
}

.lightBrownbg {
    background-color: var(--third-bg-color);
}
.brownbg {
    background-color: var(--second-bg-color);
}
.redbg {
    background-color: #7d101e;
}
.graybg {
    background-color: #808285;
}
.whitebg {
    background-color: #fbffff;
}
.blackbg {
    background-color: #000000;
}

.dark-theme .recettebg {
    background-color: #38004e;
}
.recettebg {
    background-color: #4f016f;
}

.dark-theme .labbg {
    background-color: #164c00;
}
.labbg {
    background-color: #216f01;
}

.dark-theme .devbg {
    background-color: #06263b;
}
.devbg {
    background-color: #0c3855;
}

.dark-theme .copieProdbg {
    background-color: #da8e00;
}
.copieProdbg {
    background-color: #ffb226;
}

.lightRedtxt {
    color: #e62a3a !important;
}
.redtxt {
    color: #7d101e !important;
}
.bluetxt {
    color: #1578bc !important;
}
.whitetxt {
    color: #fbffff !important;
}
.blacktxt {
    color: #0f0f0f !important;
}