.border-input-primary {
    border-radius: 6px;
    border: 1px solid #CBD5E1;
    background: #FFF;
}

/* Focus et survol : l'accent du SITE, pas le cyan en dur. Ces champs sont
   rendus par les deux sites (formulaires caravaning, contact de l'Espace
   investisseur, filtre des offres d'emploi) : --primary-color y vaut le cyan
   côté caravaning et le teal côté Groupe.
   Le fond clair du survol est DÉRIVÉ du même jeton (color-mix) au lieu d'être
   un second hexadécimal éclairci à la main : il suit donc l'accent. */
.border-input-primary:focus {
    border-color: var(--primary-color) !important;
}

.border-input-primary:hover {
    border-color: var(--primary-color) !important;
    background-color: color-mix(in srgb, var(--primary-color) 8%, white) !important;
}

input:user-invalid, textarea:user-invalid {
    border: 1px solid red; /* Bordure rouge même en focus pour une indication plus forte */
}