:root{
--fs-mega:56px;
--fs-display:40px;
--fs-h1:30px;
--fs-h2:24px;
--fs-h3:19px;
--fs-body-lg:17px;
--fs-body:15px;
--fs-sm:13px;
--fs-xs:11px;
--fs-micro:10px;
--lh-tight:1.02; /* @kind font */
--lh-snug:1.18; /* @kind font */
--lh-normal:1.42; /* @kind font */
--lh-relaxed:1.55; /* @kind font */
--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 */
--ls-display:-0.035em; /* @kind font */
--ls-heading:-0.02em; /* @kind font */
--ls-body:-0.005em; /* @kind font */
--ls-caps:0.08em; /* @kind font */
/* Composite roles */
--type-mega:800 var(--fs-mega)/var(--lh-tight) var(--font-display); /* @kind font */
--type-display:800 var(--fs-display)/var(--lh-tight) var(--font-display); /* @kind font */
--type-h1:800 var(--fs-h1)/var(--lh-snug) var(--font-display); /* @kind font */
--type-h2:700 var(--fs-h2)/var(--lh-snug) var(--font-display); /* @kind font */
--type-h3:700 var(--fs-h3)/var(--lh-snug) var(--font-ui); /* @kind font */
--type-body-lg:500 var(--fs-body-lg)/var(--lh-normal) var(--font-ui); /* @kind font */
--type-body:500 var(--fs-body)/var(--lh-normal) var(--font-ui); /* @kind font */
--type-label:700 var(--fs-sm)/1.2 var(--font-ui); /* @kind font */
--type-caption:500 var(--fs-xs)/1.3 var(--font-ui); /* @kind font */
--type-count:700 var(--fs-sm)/1 var(--font-mono); /* @kind font */
}