/* AUTO-GENERATED by tools/build-typography.js from variables.css — do not edit by hand.
   Re-run `npm run build:typography` after adding/renaming a --font-size-* size. */

.text-display {
  font-size: var(--font-size-display);
  line-height: var(--line-height-display);
  font-weight: 400;
}

h1,
.text-h1 {
  font-size: var(--font-size-h1);
  line-height: var(--line-height-h1);
  font-weight: 400;
}

h2,
.text-h2 {
  font-size: var(--font-size-h2);
  line-height: var(--line-height-h2);
  font-weight: 400;
}

h3,
.text-h3 {
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-weight: 400;
}

h4,
.text-h4 {
  font-size: var(--font-size-h4);
  line-height: var(--line-height-h4);
  font-weight: 400;
}

h5,
.text-h5 {
  font-size: var(--font-size-h5);
  line-height: var(--line-height-h5);
  font-weight: 400;
}

h6,
.text-h6 {
  font-size: var(--font-size-h6);
  line-height: var(--line-height-h6);
  font-weight: 400;
}

body,
.text-body {
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-weight: 400;
}

.text-overline {
  font-size: var(--font-size-overline);
  line-height: var(--line-height-overline);
  font-weight: 400;
}