:root {
    --color-1: #1b1b1b;
    --color-2: #54471a;
    --color-3: #d5c686;
    --color-4: #bfa642;
    --color-5: #a08a35;
    --color-6: #313131;
    --color-7: #f5f5f5;
    --color-8: #f5f5f5;
    --color-9: #f5f5f5;

    --color-blue-1: #007bff;
    --color-blue-2: #0091ff;
    
    --color-yellow-1: #ffc107;
    --color-yellow-2: #fff307;

    --color-green-1: #28a745;
    --color-green-2: #00ff3c;

    --color-red-1: #dc3545;
    --color-red-2: #ff0019;
}

.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-color: var(--color-8) !important; }
.bg-color-9 { background-color: var(--color-9) !important; }

.bg-red { background-color: var(--color-red-2) !important; }

.bg-transparent { background-color: rgba(0, 0, 0, 0.56) !important; }

.bg-gradient-gold {
    background-image: linear-gradient(to bottom, var(--color-3), var(--color-4), var(--color-5)) !important;
}
.bg-gradient-dark {
    background-image: linear-gradient(to bottom, var(--color-2), var(--color-1)) !important;
}

.text-danger {
    color: var(--color-red-2) !important;
}