:root {
    /* Blue Theme (Default) */
    --blue-primary-color: #0C4B88;
    --blue-primary-color-2: #4075A9;
    --blue-primary-hover-color: #042D54;
    --blue-secondary-1: #F7C523;
    --blue-secondary-1-lighter: #FFD754;
    --blue-secondary-2: #F76823;
    --blue-secondary-2-lighter: #FF8B54;

    /* Red Theme */
    --red-primary-color: #FF1800;
    --red-primary-color-2: #FF7264;
    --red-primary-hover-color: #9B0F00;
    --red-secondary-1: #2890A3;
    --red-secondary-1-lighter: #4AA5B6;
    --red-secondary-2: #A7ED35;
    --red-secondary-2-lighter: #B9F05E;

    /* Green Theme */
    --green-primary-color: #A4BD3B;
    --green-primary-color-2: #E4F797;
    --green-primary-hover-color: #627805;
    --green-secondary-1: #D05D7C;
    --green-secondary-1-lighter: #EB90A8;
    --green-secondary-2: #704C9C;
    --green-secondary-2-lighter: #9678BA;

    /* Yellow Theme */
    --yellow-primary-color: #EFAB00;
    --yellow-primary-color-2: #FFD15D;
    --yellow-primary-hover-color: #946A00;
    --yellow-secondary-1: #5D30B0;
    --yellow-secondary-1-lighter: #7751BE;
    --yellow-secondary-2: #267DA3;
    --yellow-secondary-2-lighter: #4692B3;

    /* Teal Theme */
    --teal-primary-color: #008181;
    --teal-primary-color-2: #34A1A1;
    --teal-primary-hover-color: #006969;
    --teal-secondary-1: #FBB321;
    --teal-secondary-1-lighter: #FFC552;
    --teal-secondary-2: #FB2121;
    --teal-secondary-2-lighter: #FF5252;

    /* Dark Green Theme */
    --dark-green-primary-color: #044825;
    --dark-green-primary-color-2: #32835A;
    --dark-green-primary-hover-color: #00170C;
    --dark-green-secondary-1: #905D1F;
    --dark-green-secondary-1-lighter: #BA8747;
    --dark-green-secondary-2: #7E1B3E;
    --dark-green-secondary-2-lighter: #A33F62;

    /* Orange Theme */
    --orange-primary-color: #F96A04;
    --orange-primary-color-2: #FFA565;
    --orange-primary-hover-color: #983F00;
    --orange-secondary-1: #3460AB;
    --orange-secondary-1-lighter: #567CBD;
    --orange-secondary-2: #4ED632;
    --orange-secondary-2-lighter: #70DE58;

    /* Army Green Theme */
    --army-green-primary-color: #454B1B;
    --army-green-primary-color-2: #828953;
    --army-green-primary-hover-color: #1B1F02;
    --army-green-secondary-1: #532A39;
    --army-green-secondary-1-lighter: #7A4B5C;
    --army-green-secondary-2: #2F2441;
    --army-green-secondary-2-lighter: #4B3E60;

    /* Pink Theme */
    --pink-primary-color: #DD4379;
    --pink-primary-color-2: #F192B4;
    --pink-primary-hover-color: #A30C41;
    --pink-secondary-1: #57C68D;
    --pink-secondary-1-lighter: #86DDB1;
    --pink-secondary-2: #E6FA6D;
    --pink-secondary-2-lighter: #EEFC99;

    /* Purple Theme */
    --purple-primary-color: #8851DD;
    --purple-primary-color-2: #C3A5F3;
    --purple-primary-hover-color: #5510C1;
    --purple-secondary-1: #EAFD73;
    --purple-secondary-1-lighter: #F1FEA4;
    --purple-secondary-2: #FFDA74;
    --purple-secondary-2-lighter: #FFE7A4;

    /* Black Theme */
    --black-primary-color: #000000;
    --black-primary-color-2: #7F7D7D;
    --black-primary-hover-color: #030101;
    --black-secondary-1: #2A2A2A;
    --black-secondary-1-lighter: #4B4C4C;
    --black-secondary-2: #414141;
    --black-secondary-2-lighter: #767675;

    /* Brown Theme */
    --brown-primary-color: #452406;
    --brown-primary-color-2: #8D5E32;
    --brown-primary-hover-color: #0F0700;
    --brown-secondary-1: #162246;
    --brown-secondary-1-lighter: #29365F;
    --brown-secondary-2: #12501D;
    --brown-secondary-2-lighter: #276C33;

    /* Bright Green Theme */
    --bright-green-primary-color: #35D402;
    --bright-green-primary-color-2: #79E158;
    --bright-green-primary-hover-color: #1F8200;
    --bright-green-secondary-1: #FF873A;
    --bright-green-secondary-1-lighter: #FFA164;
    --bright-green-secondary-2: #C32C95;
    --bright-green-secondary-2-lighter: #CF51A9;
}

.bg-light-salmon{
    background-color: #ffa07a;
}
.bg-light-salmon-pink{
    background-color: #ff9999;
}
.bg-light-mocha{
    background-color: #fdf5e6;
}
.bg-light-brown{
    background-color: #faf0e6;
}
.bg-light-orange{
    background-color: #ffdab9;
}
.bg-light-gold{
    background-color: #f1e5ac;
}
.bg-light-yellow{
    background-color: #ffffe0;
}
.bg-light-green{
    background-color: #d2e8d8;
}
.bg-light-blue{
    background-color: #d9e6ed;
}
.bg-light-purple{
    background-color: #e6e6fa;
}
.bg-light-pink{
    background-color: #ffe7e9;
}
.bg-light-gray{
    background-color: #f8fbfd;
}
.bg-gray{
    background-color: #dadbdd;
}
.bg-white{
    background-color: #fff;
}