:root{
--font-sans:'Jost','Futura','Century Gothic',system-ui,sans-serif;
--font-display:var(--font-sans);

--fw-light:300; /* @kind font */
--fw-regular:400; /* @kind font */
--fw-medium:500; /* @kind font */
--fw-semibold:600; /* @kind font */

/* Size scale (px) */
--fs-display:72px;
--fs-h1:56px;
--fs-h2:40px;
--fs-h3:28px;
--fs-h4:20px;
--fs-lead:20px;
--fs-body:17px;
--fs-small:15px;
--fs-label:13px;
--fs-micro:11px;
--fs-stat:64px;

--lh-tight:1.05; /* @kind font */
--lh-heading:1.15; /* @kind font */
--lh-body:1.6; /* @kind font */

/* Tracking — titles in caps get open spacing; labels get wide spacing */
--ls-display:.04em; /* @kind font */
--ls-heading:.06em; /* @kind font */
--ls-label:.24em; /* @kind font */      /* MEKHANE.ENGENHARIA */
--ls-button:.14em; /* @kind font */
--ls-body:0; /* @kind font */

/* Semantic */
--type-display:var(--fw-medium) var(--fs-display)/var(--lh-tight) var(--font-display);
--type-h1:var(--fw-medium) var(--fs-h1)/var(--lh-tight) var(--font-display);
--type-h2:var(--fw-medium) var(--fs-h2)/var(--lh-heading) var(--font-display);
--type-h3:var(--fw-medium) var(--fs-h3)/var(--lh-heading) var(--font-display);
--type-h4:var(--fw-medium) var(--fs-h4)/var(--lh-heading) var(--font-display);
--type-lead:var(--fw-light) var(--fs-lead)/var(--lh-body) var(--font-sans);
--type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans);
--type-small:var(--fw-regular) var(--fs-small)/var(--lh-body) var(--font-sans);
--type-label:var(--fw-medium) var(--fs-label)/1.2 var(--font-sans);
}