/* styles.css custom */
:root {
    --color-white: #ffffff;
    --color-black: #141414;
    --color-dark-gray: #282828;
    --color-gold: #dcb414;
    --color-yellow: #f0c814;
    --color-light-gray: #f0f0f0;
    --color-purple: #6f42c1;
}

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

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

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

.bg-dark-gray {
    background-color: var(--color-dark-gray) !important;
}

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

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

.bg-light-gray {
    background-color: var(--color-light-gray) !important;
}

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

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

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

.text-dark-gray {
    color: var(--color-dark-gray) !important;
}

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

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

.text-light-gray {
    color: var(--color-light-gray) !important;
}