html {
  background: var(--color-black);
  color: var(--color-ink);
  font-family: var(--font-primary);
  /*
   * `overflow-x: clip` evita glitch lateral SEM criar um scroll container
   * (ao contrário de `hidden`, que gera scrollbar extra). Fix pra bug de
   * dupla barra de rolagem reportado em 21/10.
   */
  overflow-x: clip;
}

body {
  background: var(--color-black);
  color: var(--color-ink);
  font-size: 0.875rem;
  line-height: 1.4;
}

body.is-loading {
  cursor: progress;
}

::selection {
  background: var(--color-ink);
  color: var(--color-black);
}

.site-main {
  isolation: isolate;
}