:root{
  --font-display:'Newsreader','EB Garamond','Times New Roman',serif;
  --font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-weight-display:300;
  --font-weight-regular:400;
  --font-weight-medium:500;
  --font-weight-semibold:600;

  /* display-mega — homepage hero h1 */
  --display-mega-size:64px; --display-mega-weight:300; --display-mega-lh:1.05; /* @kind font */ --display-mega-ls:-1.92px;
  /* display-xl — subsidiary heroes */
  --display-xl-size:48px; --display-xl-weight:300; --display-xl-lh:1.08; /* @kind font */ --display-xl-ls:-0.96px;
  /* display-lg — section heads */
  --display-lg-size:36px; --display-lg-weight:300; --display-lg-lh:1.17; /* @kind font */ --display-lg-ls:-0.36px;
  /* display-md — sub-section heads */
  --display-md-size:32px; --display-md-weight:300; --display-md-lh:1.13; /* @kind font */ --display-md-ls:-0.32px;
  /* display-sm — card group titles */
  --display-sm-size:24px; --display-sm-weight:300; --display-sm-lh:1.2; /* @kind font */ --display-sm-ls:0px;

  /* title-md — component titles (Inter) */
  --title-md-size:20px; --title-md-weight:500; --title-md-lh:1.35; /* @kind font */ --title-md-ls:0px;
  /* title-sm — list labels */
  --title-sm-size:18px; --title-sm-weight:500; --title-sm-lh:1.44; /* @kind font */ --title-sm-ls:0.18px;

  /* body */
  --body-md-size:16px; --body-md-weight:400; --body-md-lh:1.5; /* @kind font */ --body-md-ls:0.16px;
  --body-strong-size:16px; --body-strong-weight:500; --body-strong-lh:1.5; /* @kind font */ --body-strong-ls:0.16px;
  --body-sm-size:15px; --body-sm-weight:400; --body-sm-lh:1.47; /* @kind font */ --body-sm-ls:0.15px;

  /* caption */
  --caption-size:14px; --caption-weight:400; --caption-lh:1.5; /* @kind font */ --caption-ls:0px;
  --caption-uppercase-size:12px; --caption-uppercase-weight:600; --caption-uppercase-lh:1.4; /* @kind font */ --caption-uppercase-ls:0.96px;

  /* ui */
  --button-size:15px; --button-weight:500; --button-lh:1; /* @kind font */ --button-ls:0px;
  --nav-link-size:15px; --nav-link-weight:500; --nav-link-lh:1.4; /* @kind font */ --nav-link-ls:0px;

  /* mobile display step-downs */
  --display-mega-size-mobile:32px;
  --display-xl-size-mobile:32px;
  --display-lg-size-mobile:28px;
}