input,
textarea,
select {
  font-family: var(--font-body);
  border-radius: var(--radius-sm);
  border: var(--border-subtle);
  padding: 10px 12px;
  width: 100%;
}

input:focus,
textarea:focus,
select:focus {
  outline: 2px solid rgba(37, 99, 235, 0.3);
  border-color: rgba(37, 99, 235, 0.5);
}