/**** begin custom colors ****/
:root {
    --color-1: #000000;
    --color-2: #1F1C1F;
    --color-3: #621708;
    --color-4: #941b0c;
    --color-5: #bc3908;
    --color-6: #f6aa1c;
    --color-7: #ffba08;
    --color-8: #f5f5f5;
    --color-9: #220901;

    --gradient-1: linear-gradient(to bottom, var(--color-5), var(--color-3)) !important;
    --gradient-2: linear-gradient(to bottom, var(--color-7), var(--color-6)) !important;
}
/**** 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)); }
.bg-color-9 { background-color: var(--color-9) !important; }

.bg-gradient-1 { background-image: var(--gradient-1) !important; }
.bg-gradient-2 { background-image: var(--gradient-2) !important; }
/**** endof custom background colors ****/



/**** begin custom text colors ****/
.text-gold { color: var(--color-7) !important; }
.text-success { color: #00ff3a !important; }
/**** endof custom text colors ****/

.yellow{ background-color: #ffc107; }
.green{ background-color: #28a745; }
.red{ background-color: #dc3545; }