.custom-val-error {
    color: var(--clr-error-deep, #cc001f);
    font-size: var(--fs-body-sm, 0.875rem);
    margin-top: 4px;
    animation: slideDownFadeIn 0.3s ease forwards;
    font-weight: 500;
}

.input-error {
    border-color: var(--clr-error-deep, #cc001f) !important;
}

@keyframes slideDownFadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}