@font-face {
  font-family: 'Ivy Presto';
  src: url('/fonts/fonnts.com-Ivy-Presto-Display-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Ivy Presto';
  src: url('/fonts/fonnts.com-Ivy-Presto-Display-.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Ivy Presto';
  src: url('/fonts/fonnts.com-Ivy-Presto-Display-Semi-Bold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Halyard Display';
  src: url('/fonts/fonnts.com-Halyard_Display_Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Halyard Display';
  src: url('/fonts/fonnts.com-Halyard_Display_Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Halyard Text';
  src: url('/fonts/fonnts.com-Halyard_Text_Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Halyard Text';
  src: url('/fonts/fonnts.com-Halyard_Text_Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Halyard Micro';
  src: url('/fonts/fonnts.com-Halyard_Micro_Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Halyard Micro';
  src: url('/fonts/fonnts.com-Halyard_Micro_Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

:root {
  --font-serif: 'Ivy Presto', Georgia, serif;
  --font-display: 'Halyard Display', Tahoma, sans-serif;
  --font-text: 'Halyard Text', Tahoma, sans-serif;
  --font-micro: 'Halyard Micro', Tahoma, sans-serif;
}

body {
  font-family: var(--font-text);
}

h1,
h2,
.text-h1,
.text-h2,
.text-h3,
.heading-case-hero h1,
.headline-home-a h1,
.headline-article h1,
.headline-pricing h1 {
  font-family: var(--font-serif);
  font-weight: 300;
  letter-spacing: 0;
}

h3,
h4,
h5,
h6,
.text-h4,
.text-h5,
.text-h6,
.text-large,
.text-body-bold,
.nav-link,
.button-text {
  font-family: var(--font-display);
  letter-spacing: 0;
}

.label-small,
.label-large,
.body-small,
.text-small,
.academy-watch-back,
.academy-track-meter__label,
.academy-next-card__meta {
  font-family: var(--font-micro);
}

p,
li,
.body-medium,
.body-strong,
.article-body {
  font-family: var(--font-text);
}
