/* ==========================================================================
   FORMS
========================================================================== */

.fumique-input,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea,
select {
    width: 100%;

    padding: 16px;

    background-color: var(--color-surface);

    border: 1px solid var(--color-border);
    border-radius: var(--radius-input);

    color: var(--color-text);

    box-shadow: var(--shadow-sm);

    transition: var(--transition);
}

.fumique-input:focus,
input:focus,
textarea:focus,
select:focus {
    outline: none;

    border-color: var(--color-secondary);
}