@layer base {
  h1,
  .h1 {
    font: var(--h1);
  }

  h2,
  .h2 {
    font: var(--h2);
  }

  h3,
  .h3 {
    font: var(--h3);
  }

  h4,
  .h4 {
    font: var(--h4);
  }

  h5,
  .h5,
  h6,
  .h6 {
    font: var(--common);
  }

  .custom-text-larger {
    font: var(--intro);
  }

  .custom-text-mighty {
    font: var(--mighty);
  }

  .custom-text-petite {
    font: var(--petite);
  }

  .custom-text-small {
    font: var(--small);
  }

  .suffix {
    font: var(--petite);
  }
}