.primary {
    background-color: var(--primary-color);
    color: var(--primary-text-color);
}
.secondary {
    background-color: var(--secondary-color);
    color: var(--secondary-text-color);
}
.success {
    background-color: var(--success-color);
    color: var(--success-text-color);
}
.warning {
    background-color: var(--warning-color);
    color: var(--warning-text-color);
}
.error {
    background-color: var(--error-color);
    color: var(--error-text-color);
}

.bg-inherit { background-color: inherit; }
.bg-white { background-color: #ffffff; }
.bg-purple { background-color: var(--primary-text-color); }
.bg-primary { background-color: var(--primary-color); }
.bg-secondary { background-color: var(--primary-text-color); }
.bg-success { background-color: var(--success-color); }
.bg-warning { background-color: var(--warning-color); }
.bg-error { background-color: var(--error-color); }

.color-primary { color: var(--primary-color); }
.color-secondary { color: var(--primary-text-color); }
.color-warning { color: var(--warning-color); }
.color-error { color: var(--error-color); }

.ground { background: var(--ground-color); }

.white { color: #ffffff; }
.black { color: #000000; }