:root{
/* families */
--font-sans:"Figtree","Helvetica Neue",Arial,sans-serif;
--font-serif:"Newsreader",Georgia,"Times New Roman",serif;
--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

/* weights */
--weight-regular:400;
--weight-medium:500;
--weight-semibold:600;
--weight-bold:700;
--weight-black:800;

/* size ramp */
--size-caption:13px;
--size-label:15px;
--size-body:16px;
--size-body-lg:18px;
--size-title:24px;
--size-display-sm:32px;
--size-display:44px;
--size-display-lg:68px;

/* line heights */
--leading-tight:1.02;
--leading-snug:1.15;
--leading-normal:1.45;
--leading-loose:1.6;

/* tracking */
--tracking-tight:-.03em;
--tracking-snug:-.02em;
--tracking-normal:-.01em;
--tracking-wide:.02em;

/* composed roles */
--text-display-lg:var(--weight-bold) var(--size-display-lg)/var(--leading-tight) var(--font-sans);
--text-display:var(--weight-bold) var(--size-display)/var(--leading-snug) var(--font-sans);
--text-title:var(--weight-semibold) var(--size-title)/var(--leading-snug) var(--font-sans);
--text-body:var(--weight-regular) var(--size-body)/var(--leading-normal) var(--font-sans);
--text-label:var(--weight-medium) var(--size-label)/var(--leading-normal) var(--font-sans);
--text-caption:var(--weight-regular) var(--size-caption)/var(--leading-normal) var(--font-sans);
--text-tagline:italic var(--weight-regular) var(--size-body-lg)/var(--leading-snug) var(--font-serif);
}