@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{
  --font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --display-lg-size: 56px; --display-lg-lh: 64px; --display-lg-weight: 700; --display-lg-ls: -1.2px;
  --display-md-size: 48px; --display-md-lh: 56px; --display-md-weight: 700; --display-md-ls: -1px;
  --display-sm-size: 36px; --display-sm-lh: 44px; --display-sm-weight: 600; --display-sm-ls: -0.5px;

  --h1-size: 32px; --h1-lh: 40px; --h1-weight: 600; --h1-ls: -0.64px;
  --h2-size: 24px; --h2-lh: 32px; --h2-weight: 600; --h2-ls: -0.24px;
  --h3-size: 20px; --h3-lh: 28px; --h3-weight: 600; --h3-ls: 0; /* @kind other */
  --h4-size: 18px; --h4-lh: 26px; --h4-weight: 500; --h4-ls: 0; /* @kind other */

  --body-lg-size: 18px; --body-lg-lh: 28px; --body-lg-weight: 400;
  --body-md-size: 16px; --body-md-lh: 24px; --body-md-weight: 400;
  --body-sm-size: 14px; --body-sm-lh: 20px; --body-sm-weight: 400;
  --body-lg-bold-weight: 600;
  --body-md-bold-weight: 600;
  --body-sm-bold-weight: 600;

  --label-lg-size: 16px; --label-lg-lh: 24px; --label-lg-weight: 500;
  --label-md-size: 14px; --label-md-lh: 20px; --label-md-weight: 500;
  --label-sm-size: 12px; --label-sm-lh: 16px; --label-sm-weight: 500;

  --caption-md-size: 12px; --caption-md-lh: 16px; --caption-md-weight: 400;
  --caption-sm-size: 11px; --caption-sm-lh: 14px; --caption-sm-weight: 400;

  --overline-md-size: 12px; --overline-md-lh: 16px; --overline-md-weight: 500; --overline-md-ls: 0.96px;
  --overline-sm-size: 11px; --overline-sm-lh: 14px; --overline-sm-weight: 500; --overline-sm-ls: 0.88px;
}
body{font-family:var(--font-sans);}