/* ================================
   Forms
   ================================ */
input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    padding: 0.75rem;
    border: 1px solid var(--color-beige);
    border-radius: 4px;
    width: 100%;
    background: var(--color-white);
    color: var(--color-text-primary);
}

input:focus,
textarea:focus,
select:focus {
    outline: none;
    border-color: var(--color-red-dark);
    box-shadow: 0 0 0 2px rgba(140, 10, 40, 0.1);
}