:root{
--font-display:"Noto Serif Display", ui-serif, Georgia, "Times New Roman", serif;
--font-body:"Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--font-ui:"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
/* Display (Noto Serif Display, Medium 500 unless noted) */
--type-display-xl:500 50px/60px var(--font-display); /* closing CTA heading */
--type-display-lg:500 40px/48px var(--font-display); /* section headings; hero uses weight 400 */
--type-display-hero:400 40px/48px var(--font-display);
--type-display-md:500 32px/40px var(--font-display);
--type-display-sm:500 25px/32px var(--font-display); /* card titles */
--type-display-xs:500 20px/26px var(--font-display); /* sub-headings, mobile card titles */
/* Body (Inter Tight, Light 300) */
--type-body-lg:300 18px/21.6px var(--font-body); /* lede / card labels */
--type-body-md:300 16px/19.2px var(--font-body);
--type-body-sm:300 14px/16.8px var(--font-body); /* section subtitles */
--type-body-xs:300 12px/14.4px var(--font-body); /* check items, fine print */
/* UI (Open Sans Regular) */
--type-button:400 14px/18.2px var(--font-ui);
}
.type-display-xl{font:var(--type-display-xl);color:var(--text-heading)}
.type-display-lg{font:var(--type-display-lg);color:var(--text-heading)}
.type-display-hero{font:var(--type-display-hero);color:var(--text-display)}
.type-display-md{font:var(--type-display-md);color:var(--text-heading)}
.type-display-sm{font:var(--type-display-sm);color:var(--text-heading)}
.type-display-xs{font:var(--type-display-xs);color:var(--text-heading)}
.type-body-lg{font:var(--type-body-lg);color:var(--text-body)}
.type-body-md{font:var(--type-body-md);color:var(--text-body)}
.type-body-sm{font:var(--type-body-sm);color:var(--text-body)}
.type-body-xs{font:var(--type-body-xs);color:var(--text-strong)}
.type-button{font:var(--type-button);color:var(--text-on-accent)}