:root{
  --font-display:"Cormorant Garamond",Garamond,"Times New Roman",serif;
  --font-sans:"Jost","Futura","Century Gothic",system-ui,sans-serif;

  --weight-light:300; /* @kind other */
  --weight-regular:400; /* @kind other */
  --weight-medium:500; /* @kind other */

  /* Display — always the serif */
  --size-display-xl:72px;   --lh-display-xl:1.04; /* @kind other */
  --size-display-l:52px;    --lh-display-l:1.10; /* @kind other */
  --size-display-m:40px;    --lh-display-m:1.16; /* @kind other */
  --size-display-s:30px;    --lh-display-s:1.24; /* @kind other */

  /* Titles — serif small caps-ish, wide tracking */
  --size-title:22px;        --lh-title:1.3; /* @kind other */
  --size-title-s:18px;      --lh-title-s:1.35; /* @kind other */

  /* Body — sans */
  --size-body-l:18px;       --lh-body-l:1.7; /* @kind other */
  --size-body:16px;         --lh-body:1.75; /* @kind other */
  --size-body-s:14px;       --lh-body-s:1.7; /* @kind other */

  /* Labels — uppercase sans, the connective tissue of the brand */
  --size-label:12px;        --lh-label:1.2; /* @kind other */
  --size-micro:11px;        --lh-micro:1.2; /* @kind other */

  /* Tracking */
  --track-wordmark:.34em; /* @kind other */
  --track-display:.02em; /* @kind other */
  --track-title:.16em; /* @kind other */
  --track-label:.18em; /* @kind other */
  --track-micro:.22em; /* @kind other */
  --track-body:0; /* @kind other */
}