/* 08-forms.css — lignes 381-445 de l'ancien style.css unique, contenu inchangé */

/* ===========================
   FORMULAIRES
=========================== */

.form-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

gap:var(--space-5);

margin-top:var(--space-6);

}

.input-group{

display:flex;

flex-direction:column;

gap:var(--space-2);

}

.input-group label{

font-weight:600;

font-size:15px;

/* Le libellé doit primer sur la valeur d'exemple : il était en dur, donc
   figé sur une couleur pensée pour le fond blanc, et devenait plus terne
   que le placeholder en mode sombre — hiérarchie inversée. */
color:var(--text);

}

.input-group input,
.input-group textarea,
.input-group select{

padding:var(--space-4);

border:1px solid #d1d5db;

border-radius:var(--radius-md);

font-size:15px;

outline:none;

transition:.3s;

background:var(--surface);

}

.input-group input:focus,
.input-group textarea:focus,
.input-group select:focus{

border-color:var(--primary);

box-shadow:0 0 0 4px rgba(37,99,235,.12);

}

/* Valeur d'exemple : nettement en retrait, dans les deux thèmes. */
/* Une valeur d'exemple ne doit jamais se lire comme une valeur saisie.
   La nuance de gris seule n'y suffit pas — c'est la remarque qui a
   déclenché ce changement : « c'est comme si c'était pré-rempli ».
   L'italique le dit structurellement, et il reste lisible pour qui
   distingue mal les gris. Les exemples sont par ailleurs préfixés
   « ex. » dans le balisage, et les `placeholder="0"` ont été retirés :
   un zéro gris dans un champ numérique n'apportait rien et trompait. */
input::placeholder,
textarea::placeholder{
    font-style:italic;
    color:var(--text-placeholder);
    opacity:1; /* Firefox applique sinon une transparence supplémentaire. */
}