:root{
--font-sans:"Space Grotesk",system-ui,-apple-system,sans-serif;
--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
--font-display:var(--font-sans);
--font-data:var(--font-mono);

--fw-regular:400; /* @kind font */
--fw-medium:500; /* @kind font */
--fw-bold:700; /* @kind font */

/* Größen — Display kompakt, Text ruhig */
--fs-display-xl:64px;--fs-display-l:48px;--fs-display-m:36px;--fs-display-s:28px;
--fs-heading:22px;--fs-subheading:18px;
--fs-body-l:16px;--fs-body:14.5px;--fs-body-s:13px;
--fs-caption:12px;--fs-tick:9.5px;

--lh-tight:1.08; /* @kind font */
--lh-heading:1.2; /* @kind font */
--lh-body:1.55; /* @kind font */
--lh-data:1.35; /* @kind font */

--ls-display:-0.025em; /* @kind font */
--ls-heading:-0.015em; /* @kind font */
--ls-body:0; /* @kind font */
--ls-tick:0.18em; /* @kind font */
--ls-mono:0.02em; /* @kind font */

/* Semantische Aliase */
--type-hero:var(--fw-bold) var(--fs-display-l)/var(--lh-tight) var(--font-display);
--type-h2:var(--fw-bold) var(--fs-display-s)/var(--lh-heading) var(--font-display);
--type-h3:var(--fw-medium) var(--fs-heading)/var(--lh-heading) var(--font-display);
--type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans);
--type-data:var(--fw-regular) var(--fs-body-s)/var(--lh-data) var(--font-mono);
--type-tick:var(--fw-medium) var(--fs-tick)/1.4 var(--font-mono);
}