/* Type scale. Reference design width: 1440px. */
:root{
  --font-display:"Cormorant Garamond","Cormorant",Georgia,"Times New Roman",serif;
  --font-body:"Mulish","Avenir Next","Segoe UI",system-ui,sans-serif;

  /* Display serif — headlines, section titles, project subtitles */
  --text-display-xl:72px;   --lh-display-xl:1.06; /* @kind other */
  --text-display-lg:56px;   --lh-display-lg:1.10; /* @kind other */
  --text-display-md:44px;   --lh-display-md:1.14; /* @kind other */  /* section titles */
  --text-display-sm:32px;   --lh-display-sm:1.20; /* @kind other */
  --text-display-xs:22px;   --lh-display-xs:1.30; /* @kind other */  /* card titles, quotes */

  /* Sans — body, labels, UI */
  --text-body-lg:18px;      --lh-body-lg:1.78; /* @kind other */
  --text-body-md:16px;      --lh-body-md:1.75; /* @kind other */     /* default paragraph */
  --text-body-sm:14px;      --lh-body-sm:1.72; /* @kind other */
  --text-body-xs:13px;      --lh-body-xs:1.65; /* @kind other */

  /* Letterspaced uppercase — eyebrows, nav, buttons, meta */
  --text-eyebrow-size:11px; --ls-eyebrow:.22em; /* @kind other */
  --text-label-size:12px;   --ls-label:.14em; /* @kind other */
  --text-nav-size:12px;     --ls-nav:.12em; /* @kind other */
  --text-button-size:12px;  --ls-button:.16em; /* @kind other */
  --text-meta-size:10px;    --ls-meta:.14em; /* @kind other */       /* footnotes, credits */

  --weight-light:300; /* @kind font */
  --weight-regular:400; /* @kind font */
  --weight-medium:500; /* @kind font */
  --weight-semibold:600; /* @kind font */
  --weight-bold:700; /* @kind font */

  --display-weight:400; /* @kind font */     /* display serif is never heavy */
  --display-letterspacing:-0.005em; /* @kind other */
}