/* ==========================================
   INPUT SYSTEM — v2 (BASE LAYER)
========================================== */

.input, .textarea, .select,
input[type="text"], input[type="email"], input[type="password"], input[type="search"],
select, textarea {
    width: 100%;
    padding: 12px 0;
    border: none;
    border-bottom: 1px solid var(--color-form-border, #dbdbdb);
    background: transparent;
    font-family: var(--font-serif), serif;
    font-size: 1rem;
    color: var(--color-text-primary);
    border-radius: 0;
    transition: border-color 0.25s ease;
    box-sizing: border-box;
}

/* Focus state */
.input:focus, .textarea:focus, .select:focus,
input:focus, select:focus, textarea:focus {
    outline: none;
    border-bottom-color: var(--color-text-primary);
}

.textarea {
    resize: vertical;
    min-height: 120px;
}