/* Type. Family from App.module.pcss; the 15 variants from
   src/components/common/Typography/index.module.pcss, verbatim. */
:root {
  --primary-font: var(
    --font-family,
    'Inter',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    Oxygen-Sans,
    Ubuntu,
    Cantarell,
    'Helvetica Neue',
    sans-serif
  );

  --t-display1-size: 32px; --t-display1-line: 40px; --t-display1-weight: 600;
  --t-display2-size: 24px; --t-display2-line: 28px; --t-display2-weight: 400;
  --t-display3-size: 14px; --t-display3-line: 16px; --t-display3-weight: 600;
  --t-h2-size: 24px; --t-h2-line: 32px; --t-h2-weight: 600;
  --t-h3-size: 20px; --t-h3-line: 28px; --t-h3-weight: 600;
  --t-h4-size: 16px; --t-h4-line: 28px; --t-h4-weight: 600;
  --t-h5-size: 14px; --t-h5-line: 24px; --t-h5-weight: 600;
  --t-h6-size: 13px; --t-h6-line: 16px; --t-h6-weight: 600;
  --t-body1-size: 16px; --t-body1-line: 28px; --t-body1-weight: 400;
  --t-body2-size: 14px; --t-body2-line: 24px; --t-body2-weight: 500;
  --t-body3-size: 14px; --t-body3-line: 24px; --t-body3-weight: 400;
  --t-body4-size: 13px; --t-body4-line: 16px; --t-body4-weight: 500;
  --t-body5-size: 12px; --t-body5-line: 16px; --t-body5-weight: 600;
  --t-body6-size: 12px; --t-body6-line: 16px; --t-body6-weight: 400;
  --t-caption-size: 10px; --t-caption-line: 12px; --t-caption-weight: 400;

  /* font shorthands */
  --t-display1: 600 32px/40px var(--primary-font);
  --t-display2: 400 24px/28px var(--primary-font);
  --t-display3: 600 14px/16px var(--primary-font);
  --t-h2: 600 24px/32px var(--primary-font);
  --t-h3: 600 20px/28px var(--primary-font);
  --t-h4: 600 16px/28px var(--primary-font);
  --t-h5: 600 14px/24px var(--primary-font);
  --t-h6: 600 13px/16px var(--primary-font);
  --t-body1: 400 16px/28px var(--primary-font);
  --t-body2: 500 14px/24px var(--primary-font);
  --t-body3: 400 14px/24px var(--primary-font);
  --t-body4: 500 13px/16px var(--primary-font);
  --t-body5: 600 12px/16px var(--primary-font);
  --t-body6: 400 12px/16px var(--primary-font);
  --t-caption: 400 10px/12px var(--primary-font);

  /* display3 carries a trailing 4px gap in the source */
  --t-display3-margin-bottom: 4px;
}