input:not([type="submit"]) {
  font-size: var(--m);
  padding: var(--s) var(--xs);
  border-radius: var(--xxs);
  margin: 0 0 var(--m) 0;
  border: 1px solid light-dark(var(--light-chalk), var(--dark-chalk));
  color: light-dark(var(--darkest-chalk), var(--lightest-chalk));
  -webkit-appearance: none;
  transition: var(--transition-snappy);

  &:focus {
    outline: none;
    border-color: light-dark(var(--lightest-blue), var(--light-blue));
    box-shadow: 0 0 6px light-dark(var(--light-blue), var(--light-blue));
  }
}