button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}

input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--bg-surface);
  padding: var(--control-pad-y) var(--control-pad-x);
}

input:not([type="checkbox"]):not([type="radio"]),
select {
  height: var(--control-h);
}

textarea {
  min-height: 140px;
  resize: vertical;
}

input[type="submit"] {
  align-self: start;
  min-width: 10em;
}

input.danger { color: #cc2f2e; }

/* Common "content form" defaults */
.content form {
  margin: 1em 0;
  display: flex;
  flex-direction: column;
}

.content label {
  font-weight: bold;
  margin-bottom: 0.5em;
}

.content input,
.content textarea {
  margin-bottom: 1em;
}