:root{
  /* Display */
  --text-display-lg:48px;  --leading-display-lg:60px;
  --text-display-md:36px;  --leading-display-md:44px;
  --text-display-sm:30px;  --leading-display-sm:38px;
  --text-display-xs:24px;  --leading-display-xs:32px;
  /* Text */
  --text-xl:20px;   --leading-xl:30px;
  --text-lg:18px;   --leading-lg:28px;
  --text-md:16px;   --leading-md:24px;
  --text-sm:14px;   --leading-sm:20px;
  --text-xs:12px;   --leading-xs:16px;
  --text-2xs:10.01px; --leading-2xs:14px;
  /* Weights — note bold is 650, not 700 */
  --weight-light:300; --weight-regular:400; --weight-medium:500;
  --weight-semibold:600; --weight-bold:650;
  /* Tracking — displays are tightened hard */
  --tracking-display:-0.0325em;
  --tracking-display-tight:-0.04em;
  --tracking-tight:-0.025em;
  --tracking-snug:-0.015em;
  --tracking-body:-0.008em;
  --tracking-wide:0.025em;
}