/**
 * Form Styles
 * Inputs, selects, textareas
 */

/* === TEXT INPUTS === */
input[type="text"] {
    padding: var(--space-sm) var(--space-md);
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-sm);
    font-size: var(--font-size-md);
    font-family: var(--font-family);
    background: var(--bg-primary);
    color: var(--text-primary);
}

input[type="text"]:focus-visible {
    outline: none;
    box-shadow: var(--focus-ring);
}

#ontology-url-input { width: 300px; }
#ontology-search-input { width: 150px; }

/* === SELECTS === */
select {
    padding: var(--space-sm) var(--space-md);
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-md);
    background: var(--bg-primary);
    color: var(--text-primary);
    font-size: 13px;
    cursor: pointer;
    font-family: var(--font-family);
}

select:focus-visible {
    outline: none;
    box-shadow: var(--focus-ring);
}

/* === TEXTAREAS === */
textarea {
    background: var(--bg-primary);
    color: var(--text-primary);
    border: 1px solid var(--border-medium);
}