/* ========================================
   COMPONENTS/FORMS.CSS
   Formulaires : champs, labels, placeholders, validation, commentaires, recherche
   Lignes originales : 591-632
   ======================================== */

/* ══════════════════════════════════════════
   FORMULAIRES
══════════════════════════════════════════ */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea,
select {
  font-family: var(--font-corps);
  font-size: var(--text-base);
  color: var(--color-texte);
  background: var(--color-fond-base);
  border: 1.5px solid var(--color-bordure);
  border-radius: var(--radius-md);
  padding: var(--space-3) var(--space-4);
  width: 100%;
  transition: border-color var(--transition-fast);
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--color-bleu-nuit);
  box-shadow: 0 0 0 3px rgba(26, 42, 74, 0.15);
}
input::placeholder,
textarea::placeholder { color: var(--color-texte-discret); }

label {
  font-family: var(--font-corps);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--color-bleu-nuit);
  margin-bottom: var(--space-1);
  display: block;
}