:root {
  --font-heading: 'Varela Round', sans-serif;
  --font-body:    'Epilogue', sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, monospace;

  /* Varela Round ships ONE weight (400). Headings get their presence from
     size and tight tracking, never from bold. Do not request 600/700 on it. */
  --weight-heading: 400;

  --text-xs:   11px;
  --text-sm:   12px;
  --text-base: 13.5px;   /* card body */
  --text-md:   15px;     /* page body */
  --text-lg:   17px;
  --text-xl:   22px;
  --text-2xl:  27px;
  --text-3xl:  38px;

  --leading-tight: 1.2;
  --leading-snug:  1.45;
  --leading-body:  1.68;
  --leading-loose: 1.75;

  --tracking-display: -0.02em;
  --tracking-heading: -0.012em;
  --tracking-kicker:  0.14em;
}