:root {
    --color-1: #7b15df;
    --color-2: #54471a;
    --color-3: #ffffff;
    --color-4: #bfa642;
    --color-5: #7698ff;
    --color-6: #222222;
    --color-7: #f5f5f5;
    --color-8: #ffffff;
    --color-9: #f5f5f5;
    --color-10: #fc0019;
    --color-yellow-1: #d95763;
    --color-yellow-2: #ffffff;
    --color-green-1: #fd8000;
    --color-green-2: #ffffff;
}

.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-color-10 {
    background-color: var(--color-yellow-2) !important;
}

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

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

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

.bg-gradient-gold {
    background-image: linear-gradient(to bottom, #a84fff, #7b15df) !important;
}

.bg-gradient-dark {
    background-image: linear-gradient(to bottom, #a84fff, #7b15df) !important;
}

.bg-gradient-blue {
    background-image: linear-gradient(to bottom, var(--color-yellow-1), var(--color-yellow-2)) !important;
}

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