_typography.scss

h1 {
  font-family: var(--font-family);
  font-size: 96px;
  letter-spacing: -1.5px;
  font-weight: 300;
  color: var(--body-headline-color);
}
h2 {
  font-family: var(--font-family);
  font-size: 60px;
  letter-spacing: -0.5;
  font-weight: 300;
  color: var(--body-headline-color);
}
h3 {
  font-family: var(--font-family);
  font-size: 48px;
  letter-spacing: 0px;
  font-weight: 400;
  color: var(--body-headline-color);
}
h4 {
  font-family: var(--font-family);
  font-size: 34px;
  letter-spacing: 2.5px;
  font-weight: 400;
  color: var(--body-headline-color);
}
h5 {
  font-family: var(--font-family);
  font-size: 24px;
  letter-spacing: 0px;
  font-weight: 400;
  color: var(--body-headline-color);
}
h6 {
  font-family: var(--font-family);
  font-size: 20px;
  letter-spacing: 0.15px;
  font-weight: 500;
  color: var(--body-headline-color);
}
p.body1 {
  font-family: var(--font-family);
  font-size: 16px;
  letter-spacing: 0.5px;
  font-weight: 400;
}
p.body2 {
  font-family: var(--font-family);
  font-size: 14px;
  letter-spacing: 0.25px;
  font-weight: 400;
}
p.subtitle1 {
  font-family: var(--font-family);
  font-size: 16px;
  letter-spacing: 0.15px;
  font-weight: 400;
}
p.subtitle2 {
  font-family: var(--font-family);
  font-size: 14px;
  letter-spacing: 0.1px;
  font-weight: 500;
}
button {
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
p.overline {
  font-family: var(--font-family);
  font-size: 10px;
  letter-spacing: 0.4px;
  font-weight: 400;
}
p.caption {
  font-family: var(--font-family);
  font-size: 12px;
  letter-spacing: 0.15px;
  font-weight: 400;
}