/* Dimeowl text styles for the website. Needs tokens.css and fonts.css.
   Made by brand/tools/build-tokens.mjs from brand/tokens/tokens.json. Do not edit by hand. */

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

.type-h2 {
  font-family: var(--type-h2-font);
  font-weight: var(--type-h2-weight);
  font-size: var(--type-h2-size);
  line-height: var(--type-h2-line);
  letter-spacing: var(--type-h2-tracking);
}

.type-h3 {
  font-family: var(--type-h3-font);
  font-weight: var(--type-h3-weight);
  font-size: var(--type-h3-size);
  line-height: var(--type-h3-line);
  letter-spacing: var(--type-h3-tracking);
}

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

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

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

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

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

.type-button {
  font-family: var(--type-button-font);
  font-weight: var(--type-button-weight);
  font-size: var(--type-button-size);
  line-height: var(--type-button-line);
  letter-spacing: var(--type-button-tracking);
}

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

.type-nav {
  font-family: var(--type-nav-font);
  font-weight: var(--type-nav-weight);
  font-size: var(--type-nav-size);
  line-height: var(--type-nav-line);
  letter-spacing: var(--type-nav-tracking);
}

.type-receipt-row {
  font-family: var(--type-receipt-row-font);
  font-weight: var(--type-receipt-row-weight);
  font-size: var(--type-receipt-row-size);
  line-height: var(--type-receipt-row-line);
  letter-spacing: var(--type-receipt-row-tracking);
}

.type-receipt-figure {
  font-family: var(--type-receipt-figure-font);
  font-weight: var(--type-receipt-figure-weight);
  font-size: var(--type-receipt-figure-size);
  line-height: var(--type-receipt-figure-line);
  letter-spacing: var(--type-receipt-figure-tracking);
}

.type-fine {
  font-family: var(--type-fine-font);
  font-weight: var(--type-fine-weight);
  font-size: var(--type-fine-size);
  line-height: var(--type-fine-line);
  letter-spacing: var(--type-fine-tracking);
}