/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
}

:is(h1, h2, h3, h4, h5, h6) {
  --base-size: 18px;
  font-size: calc(var(--base-size) * var(--scale));
}

h1 { --scale: 2.333; }  /* 42px */
h2 { --scale: 2; }      /* 36px */ 
h3 { --scale: 1.667; }  /* 30px */
h4 { --scale: 1.444; }  /* 26px */
h5 { --scale: 1.222; }  /* 22px */
h6 { --scale: 1; }      /* 18px */

/* Typography Utilities */
.font-mono { font-family: var(--font-mono); }
.emojify { font-family: 'Noto Emoji'; }
.overline {
  text-transform: uppercase;
  letter-spacing: 0.175em;
}
.small { font-size: 0.8rem; }