/**
 * Generated from the Figma text styles. Do not edit.
 * Regenerate with `pnpm --filter @ionbase-ui/tokens build`.
 *
 * Responsive by construction: font-size and line-height reference
 * breakpoint-scoped type/* tokens, so these classes resize on their own.
 */

.ion-text-display {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-semibold);
  font-size: var(--type-display);
  line-height: var(--type-display-line-height);
}

.ion-text-h1 {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-semibold);
  font-size: var(--type-h1);
  line-height: var(--type-h1-line-height);
}

.ion-text-h2 {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-semibold);
  font-size: var(--type-h2);
  line-height: var(--type-h2-line-height);
}

.ion-text-h3 {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-semibold);
  font-size: var(--type-h3);
  line-height: var(--type-h3-line-height);
}

.ion-text-h4 {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-semibold);
  font-size: var(--type-h4);
  line-height: var(--type-h4-line-height);
}

.ion-text-h5 {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-semibold);
  font-size: var(--type-h5);
  line-height: var(--type-h5-line-height);
}

.ion-text-h6 {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-semibold);
  font-size: var(--type-h6);
  line-height: var(--type-h6-line-height);
}

.ion-text-body-lg {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-regular);
  font-size: var(--type-body-lg);
  line-height: var(--type-body-lg-line-height);
}

.ion-text-body-md {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-regular);
  font-size: var(--type-body-md);
  line-height: var(--type-body-md-line-height);
}

.ion-text-body {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-regular);
  font-size: var(--type-body);
  line-height: var(--type-body-line-height);
}

.ion-text-body-sm {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-regular);
  font-size: var(--type-body-sm);
  line-height: var(--type-body-sm-line-height);
}

.ion-text-caption {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-regular);
  font-size: var(--type-caption);
  line-height: var(--type-caption-line-height);
}

.ion-text-editorial-display {
  font-family: var(--font-family-serif);
  font-weight: var(--font-weight-bold);
  font-size: var(--type-display);
  line-height: var(--type-display-line-height);
}

.ion-text-editorial-h1 {
  font-family: var(--font-family-serif);
  font-weight: var(--font-weight-bold);
  font-size: var(--type-h1);
  line-height: var(--type-h1-line-height);
}

.ion-text-editorial-h2 {
  font-family: var(--font-family-serif);
  font-weight: var(--font-weight-bold);
  font-size: var(--type-h2);
  line-height: var(--type-h2-line-height);
}

.ion-text-editorial-h3 {
  font-family: var(--font-family-serif);
  font-weight: var(--font-weight-bold);
  font-size: var(--type-h3);
  line-height: var(--type-h3-line-height);
}

/* Weight-only modifier, pairs with any body class. */
.ion-text--emphasis {
  font-weight: var(--font-weight-medium);
}

/* Weight-only modifier, pairs with any body class. */
.ion-text--semibold {
  font-weight: var(--font-weight-semibold);
}