/* Shared form input styles.
   Loaded globally in index.html. */

input,
select,
textarea {
  font: inherit;
  padding: var(--space-sm);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  color: var(--color-text);
  transition: border-color 0.15s ease;

  &:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 2px rgb(37 99 235 / 15%);
  }
}