:root {
  /* KAEFER brand colors — do not add new colors without asking the user */
  --kaefer-red: #de3518;
  --kaefer-dark-grey: #2c414a;
  --kaefer-silver: #929ea5;
  --kaefer-light-silver: #d8dcdf;

  --font-family: "Aptos", Arial, sans-serif;
}

html {
  font-family: var(--font-family);
}

body {
  font-family: inherit;
}

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

button,
.button,
input[type="submit"],
input[type="button"] {
  font-family: var(--font-family);
  background-color: var(--kaefer-dark-grey);
  color: var(--kaefer-light-silver);
  border: none;
  padding: 0.6em 1.2em;
  cursor: pointer;
}

button:hover,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background-color: var(--kaefer-silver);
  color: var(--kaefer-dark-grey);
}