:root{
--font-display:"Frontage","Neutraface Condensed",sans-serif;
--font-display-3d:"Frontage 3D","Frontage","Neutraface Condensed",sans-serif;
--font-condensed:"Neutraface Condensed","Neutraface Condensed Titling","Oswald",sans-serif;
--font-titling:"Neutraface Condensed Titling","Neutraface Condensed",sans-serif;
--font-text:"Neutra Text","Futura","Century Gothic",sans-serif;
--font-script:"Fonseca Script","Brush Script MT",cursive;

--fs-display-xl:96px;
--fs-display-l:64px;
--fs-display-m:44px;
--fs-h1:40px;
--fs-h2:30px;
--fs-h3:22px;
--fs-body-l:19px;
--fs-body:16px;
--fs-small:14px;
--fs-micro:12px;

--lh-tight:1.02; /* @kind other */
--lh-heading:1.12; /* @kind other */
--lh-body:1.55; /* @kind other */
--lh-loose:1.7; /* @kind other */

--ls-display:0.02em;
--ls-titling:0.14em;
--ls-eyebrow:0.22em;
--ls-body:0.005em;

--fw-book:400; /* @kind other */
--fw-bold:700; /* @kind other */

/* Semantic roles */
--type-hero:var(--fw-bold) var(--fs-display-l)/var(--lh-tight) var(--font-display);
--type-section:var(--fw-bold) var(--fs-h1)/var(--lh-heading) var(--font-condensed);
--type-subhead:var(--fw-bold) var(--fs-h3)/var(--lh-heading) var(--font-condensed);
--type-eyebrow:var(--fw-bold) var(--fs-micro)/1.2 var(--font-titling);
--type-body:var(--fw-book) var(--fs-body)/var(--lh-body) var(--font-text);
--type-accent:var(--fw-book) var(--fs-h2)/1.25 var(--font-script);
}