:root{
--font-display:"Archivo","Arial Narrow",sans-serif;
--font-body:"Be Vietnam Pro","Segoe UI",sans-serif;
--font-numeric:"Be Vietnam Pro","Segoe UI",sans-serif;
/* sizes */
--fs-display-1:76px;--fs-display-2:56px;--fs-display-3:40px;--fs-title:28px;--fs-heading:22px;--fs-subhead:18px;--fs-body:16px;--fs-body-sm:14px;--fs-caption:13px;--fs-micro:11px;
/* weights */
--fw-regular:400; /* @kind font */--fw-medium:500; /* @kind font */--fw-semibold:600; /* @kind font */--fw-bold:700; /* @kind font */--fw-black:800; /* @kind font */
/* line heights */
--lh-tight:0.94; /* @kind font */--lh-snug:1.15; /* @kind font */--lh-normal:1.5; /* @kind font */--lh-loose:1.7; /* @kind font */
/* tracking */
--ls-display:-0.01em; /* @kind font */--ls-label:0.14em; /* @kind font */--ls-caps:0.06em; /* @kind font */
/* composed roles */
--type-display:italic var(--fw-black) var(--fs-display-1)/var(--lh-tight) var(--font-display); /* @kind font */
--type-title:var(--fw-bold) var(--fs-title)/var(--lh-snug) var(--font-display); /* @kind font */
--type-heading:var(--fw-bold) var(--fs-heading)/var(--lh-snug) var(--font-body); /* @kind font */
--type-body:var(--fw-regular) var(--fs-body)/var(--lh-normal) var(--font-body); /* @kind font */
--type-label:var(--fw-bold) var(--fs-micro)/1 var(--font-body); /* @kind font */
}