@import url('../assets/fonts/fonts.css');

:root {
  --font-sans: 'NotionInter', 'Inter', -apple-system, system-ui, 'Segoe UI', Helvetica, Arial, sans-serif;

  /* size / weight / line-height / letter-spacing, one per role */
  --text-display-1-size: 64px;
  --text-display-1-weight: 700;
  --text-display-1-lh: 1.0;
  --text-display-1-ls: -2.125px;

  --text-display-2-size: 54px;
  --text-display-2-weight: 700;
  --text-display-2-lh: 1.04;
  --text-display-2-ls: -1.875px;

  --text-heading-1-size: 40px;
  --text-heading-1-weight: 700;
  --text-heading-1-lh: 1.1;
  --text-heading-1-ls: -1px;

  --text-heading-2-size: 26px;
  --text-heading-2-weight: 700;
  --text-heading-2-lh: 1.23;
  --text-heading-2-ls: -0.625px;

  --text-heading-3-size: 22px;
  --text-heading-3-weight: 700;
  --text-heading-3-lh: 1.27;
  --text-heading-3-ls: -0.25px;

  --text-title-size: 20px;
  --text-title-weight: 600;
  --text-title-lh: 1.4;
  --text-title-ls: -0.125px;

  --text-body-md-size: 16px;
  --text-body-md-weight: 400;
  --text-body-md-lh: 1.5;
  --text-body-md-ls: 0px;

  --text-body-sm-size: 15px;
  --text-body-sm-weight: 400;
  --text-body-sm-lh: 1.33;
  --text-body-sm-ls: 0px;

  --text-button-size: 16px;
  --text-button-weight: 500;
  --text-button-lh: 1.5;
  --text-button-ls: 0px;

  --text-caption-size: 14px;
  --text-caption-weight: 400;
  --text-caption-lh: 1.43;
  --text-caption-ls: 0px;

  --text-eyebrow-size: 12px;
  --text-eyebrow-weight: 600;
  --text-eyebrow-lh: 1.33;
  --text-eyebrow-ls: 0.125px;
}