:root{
--font-display:'Cormorant Garamond','Cormorant',Garamond,'Times New Roman',serif;
--font-editorial:'Source Serif 4','Source Serif Pro',Georgia,serif;
--font-ui:'Source Sans 3','Source Sans Pro',system-ui,sans-serif;

/* Scale (px). Guide: web headline 48-64, reading 18-20, interface 14-16, metadata 13-15 */
--fs-display-xl:72px;
--fs-display:56px;
--fs-h1:48px;
--fs-h2:36px;
--fs-h3:28px;
--fs-h4:22px;
--fs-lead:20px;
--fs-read:18px;
--fs-ui:15px;
--fs-ui-sm:14px;
--fs-meta:13px;
--fs-eyebrow:12px;

--lh-display:1.05; /* @kind font */
--lh-heading:1.15; /* @kind font */
--lh-read:1.65; /* @kind font */
--lh-ui:1.4; /* @kind font */

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

/* Letter-spaced caps — signature of the brand board */
--ls-caps-wide:.22em; /* @kind font */
--ls-caps:.14em; /* @kind font */
--ls-caps-tight:.08em; /* @kind font */
--ls-display:.01em; /* @kind font */

/* Semantic roles */
--type-h1:var(--fw-medium) var(--fs-h1)/var(--lh-display) var(--font-display);
--type-h2:var(--fw-medium) var(--fs-h2)/var(--lh-heading) var(--font-display);
--type-h3:var(--fw-semibold) var(--fs-h3)/var(--lh-heading) var(--font-display);
--type-body:var(--fw-regular) var(--fs-read)/var(--lh-read) var(--font-editorial);
--type-ui:var(--fw-regular) var(--fs-ui)/var(--lh-ui) var(--font-ui);
--type-meta:var(--fw-regular) var(--fs-meta)/var(--lh-ui) var(--font-ui);
}