/* ============================================================ Finger Marketing Services — Typography Designhandbuch §5 & §7. Manrope / Segoe UI / Arial. Weights: 700 Bold (H1/H2, logo), 500 Medium (H3/sub-heads), 400 Regular (body). ============================================================ */ :root { /* Family */ --font-sans: 'Manrope', 'Segoe UI', Arial, sans-serif; --font-body: var(--font-sans); --font-heading: var(--font-sans); /* Weights */ --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --weight-extrabold: 800; /* ------------------------------------------------------------ Web type scale (Designhandbuch §7). Ranges given for H1/H2 are exposed as fluid clamps between the documented bounds. ------------------------------------------------------------ */ --text-h1: clamp(40px, 4.2vw, 56px); /* Bold */ --text-h2: clamp(28px, 2.6vw, 32px); /* Bold */ --text-h3: 20px; /* Medium (18–20) */ --text-body-size: 16px; /* Regular */ --text-lead: 18px; /* intro paragraphs */ --text-small: 14px; --text-meta-size: 13px; /* Meta / captions */ /* Line heights */ --leading-tight: 1.1; /* display headings */ --leading-snug: 1.25; /* sub-heads */ --leading-body: 1.6; /* body copy (Designhandbuch §7) */ /* Letter spacing */ --tracking-tight: -0.02em; /* large headings */ --tracking-normal: 0; --tracking-wide: 0.04em; /* small caps labels */ } /* Base document defaults — applied when consumers opt in via */ :root { --heading-color: var(--text-heading); }