/**** begin custom colors ****/
:root {
    --color-1: #DAF7A6;
    --color-2: #FFC300;
    --color-3: #FF5733;
    --color-4: #C70039;
    --color-5: #900C3F;
    --color-6: #581845;
    --color-7: #FF00ED;
    --color-8: #FF00B1;
}
/**** endof custom colors ****/

/**** begin custom background colors ****/
.bg-color-1 {
    background-color: var(--color-1) !important;
}
.bg-color-2 {
    background-color: var(--color-2) !important;
}
.bg-color-3 {
    background-color: var(--color-3) !important;
}
.bg-color-4 {
    background-color: var(--color-4) !important;
}
.bg-color-5 {
    background-color: var(--color-5) !important;
}
.bg-color-6 {
    background-color: var(--color-6) !important;
}
.bg-color-7 {
    background-color: var(--color-7) !important;
}
.bg-color-8 {
    background: linear-gradient(to bottom, var(--color-4), var(--color-5));
}
/**** endof custom background colors ****/

/**** begin custom text colors ****/
.text-gold {
    color: var(--color-4) !important;
}
/**** endof custom text colors ****/