:root{
--font-core:"Quicksand",ui-rounded,"Nunito","Segoe UI",system-ui,sans-serif;
--font-mono:ui-monospace,"SFMono-Regular","Menlo",monospace;

--weight-light:300;
--weight-regular:400;
--weight-medium:500;
--weight-semibold:600;
--weight-bold:700;

/* Type scale — display sizes are set tight and lowercase */
--size-display-xl:5.5rem;   /* 88 */
--size-display-l:4rem;      /* 64 */
--size-display-m:3rem;      /* 48 */
--size-title-l:2.25rem;     /* 36 */
--size-title-m:1.75rem;     /* 28 */
--size-title-s:1.375rem;    /* 22 */
--size-body-l:1.125rem;     /* 18 */
--size-body-m:1rem;         /* 16 */
--size-body-s:.875rem;      /* 14 */
--size-label:.8125rem;      /* 13 */
--size-micro:.6875rem;      /* 11 */

--leading-tight:.98;
--leading-snug:1.15;
--leading-normal:1.5;
--leading-loose:1.7;

--tracking-display:-.03em;
--tracking-title:-.015em;
--tracking-body:0em;
--tracking-caps:.14em;

/* Semantic roles */
--text-display:var(--weight-bold) var(--size-display-l)/var(--leading-tight) var(--font-core);
--text-title:var(--weight-semibold) var(--size-title-m)/var(--leading-snug) var(--font-core);
--text-copy:var(--weight-regular) var(--size-body-m)/var(--leading-normal) var(--font-core);
--text-label-strong:var(--weight-semibold) var(--size-label)/1.2 var(--font-core);
}