/* ============================================
   Inputs / Text
   Champs de saisie texte : text, email, password, number, url, tel, date.
   ============================================ */

.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="password"],
.form-group input[type="number"],
.form-group input[type="url"],
.form-group input[type="tel"],
.form-group input[type="date"],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="date"] {
    width: 100%;
    height: 2.5rem;
    padding: 0 var(--spacing-md);
    border: 1px solid var(--slate-300);
    border-radius: var(--radius-md);
    font-size: var(--font-base);
    font-family: inherit;
    color: var(--text-primary);
    background: var(--bg-primary);
    transition: all var(--transition-base);
    box-sizing: border-box;
}

/* ===== DARK MODE ===== */
body.dark-mode .form-group input[type="text"],
body.dark-mode .form-group input[type="email"],
body.dark-mode .form-group input[type="password"],
body.dark-mode .form-group input[type="number"],
body.dark-mode .form-group input[type="url"],
body.dark-mode .form-group input[type="tel"],
body.dark-mode .form-group input[type="date"],
body.dark-mode input[type="text"],
body.dark-mode input[type="email"],
body.dark-mode input[type="password"],
body.dark-mode input[type="number"],
body.dark-mode input[type="url"],
body.dark-mode input[type="tel"],
body.dark-mode input[type="date"] {
    border-color: var(--border-color);
}