/* ============================================
   LA MIDNIGHT - FORMULARE

   Inputs, Selects, Textareas.
   Brutalist: kein border-radius, klare Kanten.
   ============================================ */

/* --- Text-Inputs und Textareas --- */
input.textbox,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea {
    background: var(--bg-input);
    color: var(--text);
    border: 1px solid var(--border);
    padding: 0.75rem var(--space-md);
    font-family: var(--font-body);
    font-size: 0.875rem;
    width: 100%;
    transition: var(--transition);
}

/* Fokus-Zustand: Akzent-Border + Glow */
input.textbox:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
textarea:focus {
    outline: none;
    border-color: var(--accent);
    box-shadow: 0 0 0 2px var(--accent-dim);
}

/* --- Select-Dropdowns --- */
select {
    background: var(--bg-input);
    color: var(--text);
    border: 1px solid var(--border);
    padding: var(--space-sm) 0.75rem;
    font-family: var(--font-body);
    font-size: 0.875rem;
}