:root {
    --brand-color: #1E5EFF;
    --error-color: #F0142F;
    --warning-color: #F99600;
    --white-color: #FFF;
    --success-color: #06A561;
    --weak-color: #A1A7C4;
}

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

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

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

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

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

.brand-back {
    background: var(--brand-color) !important;
}

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

.warning-back {
    background: var(--warning-color) !important;
}