.form-label {
  color: var(--sc-text-strong);
  font-size: 0.84rem;
  font-weight: 700;
}

.form-control,
.form-select,
.input-group-text {
  background-color: var(--sc-bg-elevated);
  border-color: var(--sc-border);
  color: var(--sc-text);
  border-radius: var(--sc-radius-md);
}

.form-control::placeholder {
  color: var(--sc-text-faint);
}

.form-control:focus,
.form-select:focus {
  background-color: var(--sc-bg-elevated);
  border-color: var(--sc-accent);
  color: var(--sc-text);
  box-shadow: 0 0 0 0.25rem var(--sc-accent-ring);
}

.form-select option {
  background: var(--sc-bg-elevated);
  color: var(--sc-text);
}

.form-check-input {
  background-color: var(--sc-bg-elevated);
  border-color: var(--sc-border-strong);
}

.form-check-input:checked {
  background-color: var(--sc-accent);
  border-color: var(--sc-accent);
}