:root{
--font-brand:'Source Sans 3','Myriad Pro','Segoe UI',sans-serif;
--font-display:'Montserrat','Arial Black',sans-serif;
--font-script:'Caveat','Brush Script MT',cursive;
--font-body:var(--font-brand);

--fw-regular:400; /* @kind font */
--fw-semibold:600; /* @kind font */
--fw-bold:700; /* @kind font */
--fw-extrabold:800; /* @kind font */
--fw-black:900; /* @kind font */

--fs-12:12px;--fs-14:14px;--fs-16:16px;--fs-18:18px;--fs-20:20px;--fs-24:24px;--fs-32:32px;--fs-40:40px;--fs-56:56px;--fs-72:72px;--fs-96:96px;--fs-128:128px;

--lh-tight:0.9; /* @kind font */
--lh-snug:1.1; /* @kind font */
--lh-body:1.45; /* @kind font */
--ls-display:-0.02em; /* @kind font */
--ls-caps:0.01em; /* @kind font */

/* Semantic roles */
--type-promo-hero:var(--fw-black) var(--fs-128)/var(--lh-tight) var(--font-display);
--type-promo-sub:var(--fw-extrabold) var(--fs-32)/var(--lh-snug) var(--font-display);
--type-script:var(--fw-bold) var(--fs-96)/1 var(--font-script);
--type-heading:var(--fw-bold) var(--fs-32)/var(--lh-snug) var(--font-brand);
--type-body:var(--fw-regular) var(--fs-16)/var(--lh-body) var(--font-brand);
}
