button,
input,
textarea {
  font: inherit;
}

button,
input[type="submit"] {
  min-height: 2.5rem;
  border: 1px solid var(--border-strong);
  border-radius: 6px;
  padding: 0.65rem 1rem;
  background: var(--surface-raised);
  color: var(--text);
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

button:hover,
input[type="submit"]:hover {
  border-color: var(--accent);
  background: var(--surface-hover);
}

input[type="submit"][value="今すぐ送信"] {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-text);
  font-weight: 700;
}

input[type="submit"][value="削除"] {
  color: var(--danger);
}

textarea {
  display: block;
  width: 100%;
  min-height: 8rem;
  resize: vertical;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 1rem;
  background: var(--field-bg);
  color: var(--text);
  line-height: 1.6;
  outline: none;
}

textarea:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-focus);
}

textarea::placeholder {
  color: var(--subtle);
}

input[type="date"],
input[type="number"],
select {
  min-height: 2.5rem;
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 0.55rem 0.75rem;
  background: var(--field-bg);
  color: var(--text);
}

input[type="date"]:focus,
input[type="number"]:focus,
select:focus {
  border-color: var(--accent);
  outline: none;
  box-shadow: 0 0 0 3px var(--accent-focus);
}