:root{
/* Dream Avenue → Playfair Display (substitute) */
--font-display:"Playfair Display","Dream Avenue",'Iowan Old Style',Georgia,serif;
/* Lora — main font: body, UI, labels */
--font-ui:"Lora",Georgia,serif;
--font-body:var(--font-ui);
/* Sloop Script Pro → Pinyon Script (substitute) — quotes and ceremonial titles only */
--font-script:"Pinyon Script","Sloop Script Pro",cursive;
--font-mono:"IBM Plex Mono",ui-monospace,monospace;

--fs-display-1:76px;--fs-display-2:58px;--fs-display-3:44px;
--fs-title-1:34px;--fs-title-2:27px;--fs-title-3:21px;
--fs-body-lg:19px;--fs-body:16px;--fs-body-sm:14px;--fs-caption:12.5px;--fs-eyebrow:11.5px;

--lh-tight:1.06; /* @kind font */--lh-title:1.2; /* @kind font */--lh-snug:1.4; /* @kind font */--lh-body:1.62; /* @kind font */--lh-loose:1.8; /* @kind font */

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

--ls-display:-0.01em; /* @kind font */--ls-title:-0.005em; /* @kind font */--ls-body:0; /* @kind font */--ls-eyebrow:0.2em; /* @kind font */--ls-button:0.05em; /* @kind font */

/* Semantic roles */
--type-display:var(--fw-regular) var(--fs-display-1)/var(--lh-tight) var(--font-display);
--type-title:var(--fw-medium) var(--fs-title-1)/var(--lh-title) var(--font-display);
--type-subtitle:var(--fw-regular) var(--fs-body-lg)/var(--lh-snug) var(--font-ui);
--type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-ui);
--type-caption:var(--fw-regular) var(--fs-caption)/var(--lh-snug) var(--font-ui);
--type-eyebrow:var(--fw-medium) var(--fs-eyebrow)/1.2 var(--font-ui);
--type-button:var(--fw-medium) var(--fs-body-sm)/1 var(--font-ui);
--type-quote:var(--fw-regular) var(--fs-title-1)/1.3 var(--font-script);
}
