:root{
--font-sans:"Montserrat","Helvetica Neue",Arial,sans-serif;
--font-display:var(--font-sans);
--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;
--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:22px;
--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--text-5xl:64px;--text-6xl:84px;
--leading-tight:1.08;--leading-snug:1.25;--leading-body:1.6;
--tracking-display:-0.01em;
--tracking-wide:0.14em;   /* eyebrows / labels: LOGO HORIZONTAL */
--tracking-wordmark:0.32em; /* TECHNIK */
/* Semantic roles */
--type-display:800 var(--text-5xl)/var(--leading-tight) var(--font-display);
--type-h1:800 var(--text-4xl)/var(--leading-tight) var(--font-display);
--type-h2:700 var(--text-3xl)/var(--leading-snug) var(--font-display);
--type-h3:700 var(--text-xl)/var(--leading-snug) var(--font-sans);
--type-body:400 var(--text-md)/var(--leading-body) var(--font-sans);
--type-body-lg:400 var(--text-lg)/var(--leading-body) var(--font-sans);
--type-small:400 var(--text-sm)/1.5 var(--font-sans);
--type-eyebrow:500 var(--text-xs)/1 var(--font-sans);
--type-button:700 var(--text-sm)/1 var(--font-sans);
}