/* beatvest typography scale
 * GENERATED FROM DESIGN.md — DO NOT EDIT.
 * Change the token in DESIGN.md, then run: npm run build
 */

.bv-type-display {
  font-family: var(--bv-font-sans);
  font-size: var(--bv-text-display-size);
  line-height: var(--bv-text-display-leading);
  font-weight: var(--bv-text-display-weight);
  letter-spacing: var(--bv-text-display-tracking);
}

.bv-type-display-sm {
  font-family: var(--bv-font-sans);
  font-size: var(--bv-text-display-sm-size);
  line-height: var(--bv-text-display-sm-leading);
  font-weight: var(--bv-text-display-sm-weight);
  letter-spacing: var(--bv-text-display-sm-tracking);
}

.bv-type-headline {
  font-family: var(--bv-font-sans);
  font-size: var(--bv-text-headline-size);
  line-height: var(--bv-text-headline-leading);
  font-weight: var(--bv-text-headline-weight);
  letter-spacing: var(--bv-text-headline-tracking);
}

.bv-type-headline-sm {
  font-family: var(--bv-font-sans);
  font-size: var(--bv-text-headline-sm-size);
  line-height: var(--bv-text-headline-sm-leading);
  font-weight: var(--bv-text-headline-sm-weight);
  letter-spacing: var(--bv-text-headline-sm-tracking);
}

.bv-type-title {
  font-family: var(--bv-font-sans);
  font-size: var(--bv-text-title-size);
  line-height: var(--bv-text-title-leading);
  font-weight: var(--bv-text-title-weight);
  letter-spacing: var(--bv-text-title-tracking);
}

.bv-type-subtitle {
  font-family: var(--bv-font-sans);
  font-size: var(--bv-text-subtitle-size);
  line-height: var(--bv-text-subtitle-leading);
  font-weight: var(--bv-text-subtitle-weight);
  letter-spacing: var(--bv-text-subtitle-tracking);
}

.bv-type-lead {
  font-family: var(--bv-font-sans);
  font-size: var(--bv-text-lead-size);
  line-height: var(--bv-text-lead-leading);
  font-weight: var(--bv-text-lead-weight);
  letter-spacing: var(--bv-text-lead-tracking);
}

.bv-type-body {
  font-family: var(--bv-font-sans);
  font-size: var(--bv-text-body-size);
  line-height: var(--bv-text-body-leading);
  font-weight: var(--bv-text-body-weight);
  letter-spacing: var(--bv-text-body-tracking);
}

.bv-type-small {
  font-family: var(--bv-font-sans);
  font-size: var(--bv-text-small-size);
  line-height: var(--bv-text-small-leading);
  font-weight: var(--bv-text-small-weight);
  letter-spacing: var(--bv-text-small-tracking);
}

.bv-type-label {
  font-family: var(--bv-font-sans);
  font-size: var(--bv-text-label-size);
  line-height: var(--bv-text-label-leading);
  font-weight: var(--bv-text-label-weight);
  letter-spacing: var(--bv-text-label-tracking);
  text-transform: uppercase;
}

.bv-type-mock {
  font-family: var(--bv-font-sans);
  font-size: var(--bv-text-mock-size);
  line-height: var(--bv-text-mock-leading);
  font-weight: var(--bv-text-mock-weight);
  letter-spacing: var(--bv-text-mock-tracking);
}

.bv-type-mock-sub {
  font-family: var(--bv-font-sans);
  font-size: var(--bv-text-mock-sub-size);
  line-height: var(--bv-text-mock-sub-leading);
  font-weight: var(--bv-text-mock-sub-weight);
  letter-spacing: var(--bv-text-mock-sub-tracking);
}

.bv-type-micro {
  font-family: var(--bv-font-sans);
  font-size: var(--bv-text-micro-size);
  line-height: var(--bv-text-micro-leading);
  font-weight: var(--bv-text-micro-weight);
  letter-spacing: var(--bv-text-micro-tracking);
}

.bv-type-stat {
  font-family: var(--bv-font-sans);
  font-size: var(--bv-text-stat-size);
  line-height: var(--bv-text-stat-leading);
  font-weight: var(--bv-text-stat-weight);
  letter-spacing: var(--bv-text-stat-tracking);
  font-feature-settings: 'tnum' 1;
}