@layer component.theme {
  .kicker__headline--h1 {
    font: var(--h1);
  }

  .kicker__headline--h2 {
    font: var(--h2);
    text-transform: uppercase;
  }

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

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

  .kicker__headline--h5 {
    font: var(--h5);
  }

  .kicker__headline--h6 {
    font: var(--h6);
  }

  .kicker__headline--text {
    font: var(--body);
    text-transform: none;
  }
}