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

.primary { color: var(--primary-color); }
.bg-primary { background-color: var(--primary-color); }
.bg-white { background-color: #fff; }
.bg-purple { background-color: var(--primary-text-color); }

.highlight {
    border-bottom: 1px solid var(--primary-text-color) !important;
}

.highlight-primary {
    background: var(--primary-color);
    color: var(--primary-text-color);
}

.highlight-alert {
    border: none;
    background-color: #530806;
    color: var(--error-text-color);
}

.highlight-danger,
.highlight-error {
    border: none;
    background-color: var(--error-color);
    color: var(--error-text-color);
}
.highlight-warn,
.highlight-warning {
    border: none;
    background-color: var(--warning-color);
    color: var(--warning-text-color);
}
.highlight-info {
    border-color: #ebccd1;
    background: var(--info-color);
    color: rgba(0, 9, 21, 0.57);
}
.highlight-success {
    border: none;
    background-color: var(--success-color);
    color: var(--success-text-color);
}