assets/tokens/typography.css

:root{
--font-styrene:'Styrene A',sans-serif;
--font-system:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
--font-mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
--font-tiny:'Mac Minecraft',monospace;
--font-body:var(--font-system);
--font-heading:var(--font-styrene);
--weight-heading:400;
--weight-body:300;
--weight-styrene-thin:100;
--weight-styrene-light:300;
--weight-styrene-regular:400;
--weight-styrene-medium:500;
--weight-mono:400;
--weight-tiny:400;
--weight-strong:700;

--text-2xs:8px;
--text-xs:10px;
--text-sm:11px;
--text-base:12px;
--text-md:16px;
--text-lg:19px;
--text-xl:25px;
--text-2xl:33px;
--text-3xl:45px;
--text-4xl:62px;

--leading-tight:1.1;
--leading-snug:1.3;
--leading-normal:1.5;
--leading-relaxed:1.7;

--tracking-tight:-0.01em;
--tracking-normal:0;
--tracking-wide:0.04em;
--tracking-wider:0.12em;
}