form {
  display: flex;
  flex-flow: column;
  align-items: center;
}

input, select {
  background-color: var(--color-background);
  border: 1px solid var(--color-border);
  color: var(--color-foreground);

  &:hover, &:focus {
    background-color: var(--color-background-highlight);
    border-color: var(--color-border-highlight);
    color: var(--color-foreground-highlight);
  }
}

input:invalid {
  border-color: var(--color-form-error);
}