:root{
/* families */
--font-display:"Bricolage Grotesque","Hanken Grotesk",system-ui,sans-serif;
--font-sticker:"Baloo 2","Bricolage Grotesque",system-ui,sans-serif;
--font-ui:"Hanken Grotesk",system-ui,-apple-system,sans-serif;
--font-hand:"Caveat","Bradley Hand",cursive;
--font-mono:"DM Mono",ui-monospace,Menlo,monospace;

/* semantic families */
--text-family-heading:var(--font-display);
--text-family-body:var(--font-ui);
--text-family-label:var(--font-ui);
--text-family-annotation:var(--font-hand);
--text-family-tag:var(--font-sticker);

/* sizes — mobile-first app scale */
--size-3xs:11px;
--size-2xs:12px;
--size-xs:13px;
--size-sm:15px;
--size-md:17px;
--size-lg:20px;
--size-xl:24px;
--size-2xl:30px;
--size-3xl:38px;
--size-4xl:48px;
--size-5xl:64px;
--size-6xl:88px;

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

/* line heights */
--leading-tight:0.94;
--leading-snug:1.08;
--leading-heading:1.16;
--leading-body:1.45;
--leading-loose:1.6;

/* tracking */
--tracking-display:-0.03em;
--tracking-heading:-0.015em;
--tracking-body:0em;
--tracking-label:0.02em;
--tracking-caps:0.10em;
}