:root {
    --error: rgba(248, 38, 38, 0.842);
    --valid: rgba(2, 160, 49, 0.842);
    --muted: #6c757d;
}

span.error {
    color: var(--error);
    display: block;
    font-size: 14px;
    margin-left: 5px;
}

input.error, textarea.error, select.error {
    border: 1px solid var(--error);
    font-weight: 300;
    color: var(--error);
}

/* input.valid, textarea.valid, select.valid {
    border: 1px solid var(--valid);
    font-weight: 300;
} */

span.hint {
    color: var(--muted);
    display: block;
    font-size: 14px;
    margin-left: 5px;
}