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

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

.bg-gray-50 {
    background-color: var(--gray-50-color);
}

.bg-gray-100 {
    background-color: var(--gray-100-color);
}

.bg-gray-200 {
    background-color: var(--gray-200-color);
}

.bg-gray-300 {
    background-color: var(--gray-300-color);
}

.bg-gray-400 {
    background-color: var(--gray-400-color);
}

.bg-gray-500 {
    background-color: var(--gray-500-color);
}

.bg-gray-600 {
    background-color: var(--gray-600-color);
}

.bg-gray-700 {
    background-color: var(--gray-700-color);
}

.bg-gray-800 {
    background-color: var(--gray-800-color);
}

.bg-gray-900 {
    background-color: var(--gray-900-color);
}

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

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

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