/* ==========================================
   FORM ELEMENTS
========================================== */

input, textarea, select {
    width: 100%;
    padding: 10px 12px;
    border-radius: var(--radius-md);
    border: 1px solid var(--bg-border);
    background: var(--bg-surface);
    color: var(--text-main);
}

input:focus, textarea:focus, select:focus {
    outline: 2px solid var(--color-primary);
}