.has-white-background-color {
    background-color: var(--color-white);
}

.has-black-background-color {
    background-color: var(--color-black);
}

.has-blue-900-background-color {
    background-color: var(--color-blue-900);
}

.has-blue-700-background-color {
    background-color: var(--color-blue-700);
}

.has-blue-500-background-color {
    background-color: var(--color-blue-500);
}

.has-blue-100-background-color {
    background-color: var(--color-blue-100);
}

.has-red-500-background-color {
    background-color: var(--color-red-500);
}

.has-red-100-background-color {
    background-color: var(--color-red-100);
}

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

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

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

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

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

.has-blue-900-color {
    color: var(--color-blue-900);
}

.has-blue-700-color {
    color: var(--color-blue-700);
}

.has-blue-500-color {
    color: var(--color-blue-500);
}

.has-blue-100-color {
    color: var(--color-blue-100);
}

.has-red-500-color {
    color: var(--color-red-500);
}

.has-red-100-color {
    color: var(--color-red-100);
}

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

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

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

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

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

.has-white-color {
    color: var(--color-white);
}

.has-black-color {
    color: var(--color-black);
}