body,
input,
select {
  font-family: var(--font-outfit);
  color: var(--text-primary);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: serif;
  font-weight: normal;
  line-height: tight;
}
h1 {
  font-size: 8rem;
  line-height: 1.2rem;
  letter-spacing: -0.05em;
}
h2 {
  font-size: 6rem;
  line-height: tight;
  letter-spacing: tight;
}
h3 {
  font-size: 5rem;
}
h4 {
  font-size: 2.5rem;
  letter-spacing: 0.2em;
}
h5 {
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
h6 {
  font-size: 1.25rem;
  font-weight: bold;
}
.subtitle {
  font-size: 1rem;
}
.subtitle2 {
  font-size: 0.875rem;
  font-weight: medium;
}
.body {
  font-size: 1rem;
}
.body2 {
  font-size: 0.875rem;
}
.btn {
  font-size: 0.875rem;
  font-weight: medium;
  letter-spacing: 0.05em;
}
.btn.large {
  font-size: 1rem;
}
.btn.small {
  font-size: 0.75rem;
}
.caption {
  font-size: 0.75rem;
  letter-spacing: 0.1em;
}
.overline {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}
.avatar-letter {
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 1;
}
.input-label {
  font-size: 0.75rem;
  line-height: 1;
}
.helper-text {
  font-size: 0.75rem;
}
.input-text {
  font-size: 1rem;
}
.tooltip {
  font-size: 0.75rem;
  font-weight: medium;
}
