:root{
--font-display:"Anton","Impact","Haettenschweiler",sans-serif;
--font-label:"Barlow Condensed","Arial Narrow",sans-serif;
--font-body:"Barlow","Helvetica Neue",Arial,sans-serif;

--fs-display-xl:112px;
--fs-display-l:80px;
--fs-display-m:56px;
--fs-h1:44px;
--fs-h2:32px;
--fs-h3:24px;
--fs-label-l:18px;
--fs-label:15px;
--fs-label-s:13px;
--fs-body-l:19px;
--fs-body:16px;
--fs-body-s:14px;

--lh-display:.98; /* @kind other */
--lh-heading:1.05; /* @kind other */
--lh-body:1.55; /* @kind other */
--ls-display:.01em;
--ls-label:.12em;
--ls-label-wide:.22em;

/* Semantic */
--type-display:var(--font-display);
--type-heading:var(--font-display);
--type-ui:var(--font-label);
--type-body:var(--font-body);
}