:root{
--font-display:'Nunito','Arial Rounded MT Bold',system-ui,sans-serif;
--font-condensed:'Archivo Narrow','Helvetica Neue Condensed','Arial Narrow',sans-serif;
--font-body:'Nunito',system-ui,-apple-system,'Segoe UI',sans-serif;
--weight-regular:400;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;
--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--text-5xl:64px;
--leading-tight:1.1;--leading-snug:1.25;--leading-body:1.55;
--tracking-display:-0.01em;--tracking-caps:0.06em;
/* Roles */
--type-display:var(--weight-black) var(--text-5xl)/var(--leading-tight) var(--font-display);
--type-h1:var(--weight-black) var(--text-4xl)/var(--leading-tight) var(--font-display);
--type-h2:var(--weight-extrabold) var(--text-3xl)/var(--leading-snug) var(--font-display);
--type-h3:var(--weight-extrabold) var(--text-xl)/var(--leading-snug) var(--font-display);
--type-body:var(--weight-regular) var(--text-md)/var(--leading-body) var(--font-body);
--type-small:var(--weight-regular) var(--text-sm)/var(--leading-body) var(--font-body);
--type-label:var(--weight-bold) var(--text-sm)/1.2 var(--font-body);
--type-condensed:var(--weight-regular) var(--text-2xl)/1.1 var(--font-condensed);
}