/*
 * Le template habille ses titres par la balise : `h1, h2, … h6` portent la
 * graisse, l'interlettrage et la couleur. Il s'en sert donc aussi pour ce qui
 * n'est pas un titre (le logo, un chiffre, une adresse), et le plan de la page
 * en sort troué : six h1, des h6 avant le h1, des sauts de niveau partout.
 *
 * Cette feuille donne le même habillage aux classes `.h1` … `.h6` posées sur
 * un texte qui n'est pas un titre : il garde l'allure d'un titre sans en être
 * un. Les vrais titres n'en ont pas besoin — la balise les habille déjà, et
 * leur classe `.hN` ne sert qu'à garder leur taille quand ils changent de rang.
 * Pas de marge haute ici : `spacing.css`, chargée avant, porte les `mt-*`. Elle se charge entre Bootstrap, dont
 * elle corrige la graisse, et main.css, dont les utilitaires (`fw-600`,
 * couleurs…) continuent de l'emporter.
 */
:where(div, p, span):is(.h1, .h2, .h3, .h4, .h5, .h6) {
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -5%;
  transition: color 0.3s ease-out;
  color: var(--at-neutral-900);
  font-family: var(--at-ff-body);
}