:root{
--font-core:"Be Vietnam Pro","Helvetica Neue",Helvetica,sans-serif;
--font-display:var(--font-core);
--font-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;

--weight-light:300;
--weight-regular:400;
--weight-medium:500;
--weight-semibold:600;
--weight-bold:700;
--weight-extrabold:800;
--weight-black:900;

/* sizes — display is chunky, body stays calm */
--size-display-xl:88px;
--size-display-lg:64px;
--size-display-md:48px;
--size-heading-lg:34px;
--size-heading-md:26px;
--size-heading-sm:20px;
--size-body-lg:19px;
--size-body-md:17px;
--size-body-sm:15px;
--size-label:13px;
--size-micro:11px;

--leading-display:0.95;
--leading-heading:1.15;
--leading-body:1.55;
--leading-tight:1.3;

--tracking-display:-0.035em;
--tracking-heading:-0.02em;
--tracking-body:0em;
--tracking-label:0.08em;
--tracking-micro:0.14em;

/* composite text roles */
--text-style-display:var(--weight-black) var(--size-display-lg)/var(--leading-display) var(--font-display);
--text-style-heading:var(--weight-extrabold) var(--size-heading-lg)/var(--leading-heading) var(--font-display);
--text-style-body:var(--weight-regular) var(--size-body-md)/var(--leading-body) var(--font-core);
--text-style-label:var(--weight-bold) var(--size-label)/1.2 var(--font-core);
}