:root{
--font-display:"Halenoir","Montserrat",system-ui,sans-serif;
--font-body:"Sequel Sans","Inter",system-ui,sans-serif;

--fw-light:300; /* @kind font */
--fw-regular:400; /* @kind font */
--fw-medium:500; /* @kind font */
--fw-bold:700; /* @kind font */
--fw-black:800; /* @kind font */

/* Scale (px) */
--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;

--lh-tight:1.05; /* @kind font */
--lh-heading:1.15; /* @kind font */
--lh-body:1.45; /* @kind font */
--lh-loose:1.6; /* @kind font */
--tracking-caps:.02em; /* @kind font */
--tracking-label:.08em; /* @kind font */
--tracking-tight:-.01em; /* @kind font */

/* Semantic roles */
--type-display-size:var(--fs-72);   /* PROJECTS, cover-scale caps */
--type-h1-size:var(--fs-40);        /* page title: "The Holistic Approach" */
--type-h2-size:var(--fs-32);
--type-h3-size:var(--fs-20);        /* subhead: "Optimize energy smartly" */
--type-body-size:var(--fs-16);
--type-small-size:var(--fs-14);
--type-caption-size:var(--fs-12);
--type-stat-size:var(--fs-40);      /* dark stat tile numerals */
}