body {
  --font-family: "Geist Mono", Consolas, monaco, monospace;

  font-family: var(--font-family);
  font-optical-sizing: auto;
}

:where(h1, h2, h3, h4, h5, h6) {
  font-weight: 800;
  hyphens: auto;
  margin-block: 0;
  overflow-wrap: break-word;
  word-break: keep-all;
  text-wrap: balance;
  display: block;
  text-transform: uppercase;
  font-size: 1rem;
}

:where(h2, h3, h4, h5, h6) {
  color: var(--color-text-sub);
}

:where(kbd) {
  font-family: var(--font-family);
  font-size: 1rem;
  font-weight: 700;
  color: hsl(var(--hsl-mauve));
  & abbr {
    text-decoration: none;
  }
}