:root{
/* families — SF Pro is the product face; Baloo 2 stands in for the bubbly wordmark */
--font-ui:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",system-ui,sans-serif;
--font-display:"Baloo 2",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
--font-mono:ui-monospace,"SF Mono",Menlo,monospace;

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

/* iOS-derived type scale (pt == px in these specimens) */
--fs-large-title:34px; /* @kind font */
--fs-title-1:28px; /* @kind font */
--fs-title-2:22px; /* @kind font */
--fs-title-3:20px; /* @kind font */
--fs-headline:17px; /* @kind font */
--fs-body:17px; /* @kind font */
--fs-callout:16px; /* @kind font */
--fs-subhead:15px; /* @kind font */
--fs-footnote:13px; /* @kind font */
--fs-caption:12px; /* @kind font */
--fs-micro:11px; /* @kind font */

--lh-tight:1.1; /* @kind other */
--lh-title:1.2; /* @kind other */
--lh-body:1.4; /* @kind other */
--lh-relaxed:1.55; /* @kind other */

--ls-display:-0.02em; /* @kind other */
--ls-title:-0.01em; /* @kind other */
--ls-body:0em; /* @kind other */
--ls-caps:0.08em; /* @kind other */

/* semantic text roles */
--type-display:var(--fw-heavy) var(--fs-large-title)/var(--lh-tight) var(--font-display); /* @kind font */
--type-large-title:var(--fw-bold) var(--fs-large-title)/var(--lh-title) var(--font-ui); /* @kind font */
--type-title:var(--fw-bold) var(--fs-title-2)/var(--lh-title) var(--font-ui); /* @kind font */
--type-headline:var(--fw-semibold) var(--fs-headline)/var(--lh-body) var(--font-ui); /* @kind font */
--type-body:var(--fw-regular) var(--fs-body)/var(--lh-relaxed) var(--font-ui); /* @kind font */
--type-subhead:var(--fw-regular) var(--fs-subhead)/var(--lh-body) var(--font-ui); /* @kind font */
--type-footnote:var(--fw-regular) var(--fs-footnote)/var(--lh-body) var(--font-ui); /* @kind font */
--type-caps:var(--fw-semibold) var(--fs-micro)/1.2 var(--font-ui); /* @kind font */
}