:root{
--font-display:'Garet',sans-serif; /* Heavy for headlines */
--font-brand:'Garet',sans-serif; /* logo tagline style: Heavy italic, wide tracking */
--font-body:'Garet',sans-serif;
--font-mono:'JetBrains Mono',ui-monospace,monospace;
--brand-stretch:125%; /* @kind font */

--fs-display-xl:120px;--fs-display-l:88px;--fs-display-m:64px;--fs-h1:48px;--fs-h2:36px;--fs-h3:26px;--fs-h4:20px;--fs-body-l:18px;--fs-body:16px;--fs-body-s:14px;--fs-label:12px;--fs-micro:11px;
--lh-tight:.9; /* @kind font */
--lh-snug:1.1; /* @kind font */
--lh-body:1.5; /* @kind font */

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

--ls-display:-.01em; /* @kind font */
--ls-label:.2em; /* @kind font */
--ls-brand:.35em; /* @kind font */

/* Semantic */
--type-hero:italic 700 var(--fs-display-l)/var(--lh-tight) var(--font-display);
--type-heading:800 var(--fs-h1)/var(--lh-snug) var(--font-display);
--type-body:400 var(--fs-body)/var(--lh-body) var(--font-body);
}