:root{
--font-display:"Baloo 2","Comic Sans MS",system-ui,sans-serif;
--font-text:"Nunito Sans",system-ui,-apple-system,sans-serif;
--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;

--fs-display-xl:76px;--fs-display-lg:56px;--fs-display-md:40px;--fs-display-sm:30px;
--fs-title:24px;--fs-lead:19px;--fs-body:16px;--fs-body-sm:14px;--fs-caption:12.5px;--fs-micro:11px;

--lh-display:1.02;/* @kind font */--lh-title:1.18;/* @kind font */--lh-body:1.55;/* @kind font */--lh-tight:1.25;/* @kind font */
--fw-regular:400;/* @kind font */--fw-semi:600;/* @kind font */--fw-bold:700;/* @kind font */--fw-black:800;/* @kind font */
--ls-display:-0.02em;/* @kind font */--ls-body:0;/* @kind font */--ls-label:0.06em;/* @kind font */--ls-caps:0.1em;/* @kind font */

/* Semantic type roles */
--text-display:var(--fw-black) var(--fs-display-lg)/var(--lh-display) var(--font-display);
--text-h1:var(--fw-bold) var(--fs-display-md)/var(--lh-title) var(--font-display);
--text-h2:var(--fw-bold) var(--fs-display-sm)/var(--lh-title) var(--font-display);
--text-h3:var(--fw-bold) var(--fs-title)/var(--lh-tight) var(--font-display);
--text-lead:var(--fw-regular) var(--fs-lead)/var(--lh-body) var(--font-text);
--text-default:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-text);
--text-label:var(--fw-bold) var(--fs-caption)/1.2 var(--font-text);
--text-numeric:var(--fw-bold) var(--fs-body)/1.2 var(--font-mono);
}