/* Generated by brand/tokens/build.mjs from the approved typography roles. */

:root {
  --font-family-sans: Satoshi, ui-sans-serif, system-ui, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --type-display-xl-weight: 600;
  --type-display-xl-tracking: -0.025em;
  --type-display-lg-weight: 600;
  --type-display-lg-tracking: -0.025em;
  --type-heading-xl-weight: 600;
  --type-heading-xl-tracking: -0.02em;
  --type-heading-lg-weight: 600;
  --type-heading-lg-tracking: -0.015em;
  --type-heading-md-weight: 600;
  --type-heading-md-tracking: -0.01em;
  --type-heading-sm-weight: 600;
  --type-heading-sm-tracking: -0.01em;
  --type-title-lg-weight: 500;
  --type-title-lg-tracking: -0.005em;
  --type-title-md-weight: 500;
  --type-title-md-tracking: 0.0em;
  --type-body-lg-weight: 400;
  --type-body-lg-tracking: 0.0em;
  --type-body-md-weight: 400;
  --type-body-md-tracking: 0.0em;
  --type-body-sm-weight: 400;
  --type-body-sm-tracking: 0.0em;
  --type-caption-weight: 500;
  --type-caption-tracking: 0.005em;
  --type-overline-weight: 600;
  --type-overline-tracking: 0.08em;
  --type-label-lg-weight: 600;
  --type-label-lg-tracking: 0.0em;
  --type-label-md-weight: 500;
  --type-label-md-tracking: 0.0em;
  --type-link-lg-weight: 500;
  --type-link-lg-tracking: 0.0em;
  --type-link-md-weight: 500;
  --type-link-md-tracking: 0.0em;
  --type-link-sm-weight: 500;
  --type-link-sm-tracking: 0.0em;
  --type-figure-xl-weight: 600;
  --type-figure-xl-tracking: -0.02em;
  --type-figure-md-weight: 600;
  --type-figure-md-tracking: 0.0em;
  --type-quote-weight: 500;
  --type-quote-tracking: 0.0em;
  --type-display-xl-size: 40px;
  --type-display-xl-line: 44px;
  --type-display-lg-size: 34px;
  --type-display-lg-line: 40px;
  --type-heading-xl-size: 28px;
  --type-heading-xl-line: 32px;
  --type-heading-lg-size: 24px;
  --type-heading-lg-line: 28px;
  --type-heading-md-size: 20px;
  --type-heading-md-line: 28px;
  --type-heading-sm-size: 18px;
  --type-heading-sm-line: 24px;
  --type-title-lg-size: 18px;
  --type-title-lg-line: 26px;
  --type-title-md-size: 17px;
  --type-title-md-line: 24px;
  --type-body-lg-size: 19px;
  --type-body-lg-line: 28px;
  --type-body-md-size: 17px;
  --type-body-md-line: 26px;
  --type-body-sm-size: 15px;
  --type-body-sm-line: 22px;
  --type-caption-size: 13px;
  --type-caption-line: 18px;
  --type-overline-size: 12px;
  --type-overline-line: 16px;
  --type-label-lg-size: 17px;
  --type-label-lg-line: 24px;
  --type-label-md-size: 15px;
  --type-label-md-line: 20px;
  --type-link-lg-size: 17px;
  --type-link-lg-line: 26px;
  --type-link-md-size: 17px;
  --type-link-md-line: 26px;
  --type-link-sm-size: 15px;
  --type-link-sm-line: 22px;
  --type-figure-xl-size: 40px;
  --type-figure-xl-line: 44px;
  --type-figure-md-size: 17px;
  --type-figure-md-line: 24px;
  --type-quote-size: 20px;
  --type-quote-line: 30px;
}

@media (min-width: 1024px) {
  :root {
    --type-display-xl-size: 56px;
    --type-display-xl-line: 60px;
    --type-display-lg-size: 44px;
    --type-display-lg-line: 48px;
    --type-heading-xl-size: 36px;
    --type-heading-xl-line: 40px;
    --type-heading-lg-size: 28px;
    --type-heading-lg-line: 36px;
    --type-heading-md-size: 24px;
    --type-heading-md-line: 32px;
    --type-heading-sm-size: 20px;
    --type-heading-sm-line: 28px;
    --type-title-lg-size: 20px;
    --type-title-lg-line: 28px;
    --type-title-md-size: 18px;
    --type-title-md-line: 28px;
    --type-body-lg-size: 20px;
    --type-body-lg-line: 30px;
    --type-body-md-size: 17px;
    --type-body-md-line: 28px;
    --type-body-sm-size: 15px;
    --type-body-sm-line: 22px;
    --type-caption-size: 13px;
    --type-caption-line: 18px;
    --type-overline-size: 12px;
    --type-overline-line: 16px;
    --type-label-lg-size: 17px;
    --type-label-lg-line: 24px;
    --type-label-md-size: 15px;
    --type-label-md-line: 20px;
    --type-link-lg-size: 17px;
    --type-link-lg-line: 26px;
    --type-link-md-size: 17px;
    --type-link-md-line: 26px;
    --type-link-sm-size: 15px;
    --type-link-sm-line: 22px;
    --type-figure-xl-size: 48px;
    --type-figure-xl-line: 52px;
    --type-figure-md-size: 17px;
    --type-figure-md-line: 24px;
    --type-quote-size: 26px;
    --type-quote-line: 36px;
  }
}