/* Typography tokens. Italic is a separate family: always font-style:normal + font-synthesis:none. */
:root {
  --font-text: var(--font-sans);
  --font-display: "Instrument Serif", "Times New Roman", serif;
  --font-display-italic: "Instrument Serif Italic", "Times New Roman", serif;
  --font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --type-display-xl-family: var(--font-display);
  --type-display-xl-size: 120px;
  --type-display-xl-line: 100px;
  --type-display-xl-weight: 400;
  --type-display-xl-tracking: -0.04em;
  --type-display-l-family: var(--font-display);
  --type-display-l-size: 72px;
  --type-display-l-line: 64px;
  --type-display-l-weight: 400;
  --type-display-l-tracking: -0.035em;
  --type-headline-family: var(--font-display);
  --type-headline-size: 44px;
  --type-headline-line: 42px;
  --type-headline-weight: 400;
  --type-headline-tracking: -0.025em;
  --type-post-title-family: var(--font-display);
  --type-post-title-size: 30px;
  --type-post-title-line: 30px;
  --type-post-title-weight: 400;
  --type-post-title-tracking: -0.02em;
  --type-display-xl-italic-family: var(--font-display-italic);
  --type-display-xl-italic-size: 120px;
  --type-display-xl-italic-line: 100px;
  --type-display-xl-italic-weight: 400;
  --type-display-xl-italic-tracking: -0.035em;
  --type-display-l-italic-family: var(--font-display-italic);
  --type-display-l-italic-size: 72px;
  --type-display-l-italic-line: 64px;
  --type-display-l-italic-weight: 400;
  --type-display-l-italic-tracking: -0.03em;
  --type-headline-italic-family: var(--font-display-italic);
  --type-headline-italic-size: 44px;
  --type-headline-italic-line: 42px;
  --type-headline-italic-weight: 400;
  --type-headline-italic-tracking: -0.02em;
  --type-quote-family: var(--font-display-italic);
  --type-quote-size: 26px;
  --type-quote-line: 30px;
  --type-quote-weight: 400;
  --type-quote-tracking: -0.01em;
  --type-lede-family: var(--font-sans);
  --type-lede-size: 19px;
  --type-lede-line: 26px;
  --type-lede-weight: 400;
  --type-lede-tracking: -0.01em;
  --type-body-family: var(--font-sans);
  --type-body-size: 15px;
  --type-body-line: 22px;
  --type-body-weight: 400;
  --type-body-tracking: 0;
  --type-body-strong-family: var(--font-sans);
  --type-body-strong-size: 15px;
  --type-body-strong-line: 22px;
  --type-body-strong-weight: 500;
  --type-body-strong-tracking: 0;
  --type-label-family: var(--font-sans);
  --type-label-size: 10px;
  --type-label-line: 14px;
  --type-label-weight: 500;
  --type-label-tracking: 0.16em;
  --type-caption-family: var(--font-sans);
  --type-caption-size: 12px;
  --type-caption-line: 16px;
  --type-caption-weight: 400;
  --type-caption-tracking: 0;
}