/* Clees & Ernster — Typography tokens
   Geist: headlines, UI, body. Geist Mono: numbers, KPIs, labels, tags, prompts. */
:root{
  --font-sans:'Geist',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-mono:'Geist Mono',ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;

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

  /* Scale — size / line-height / tracking. Display–H2 are fluid (mobile → desktop). */
  --fs-display:clamp(48px,7.2vw,96px); /* @kind font */  --lh-display:.96; /* @kind font */ --ls-display:-0.045em; /* @kind font */
  --fs-h1:clamp(40px,5.4vw,64px); /* @kind font */       --lh-h1:1.02; /* @kind font */     --ls-h1:-0.035em; /* @kind font */
  --fs-h2:clamp(32px,3.8vw,48px); /* @kind font */       --lh-h2:1.08; /* @kind font */     --ls-h2:-0.03em; /* @kind font */
  --fs-h3:32px; /* @kind font */                         --lh-h3:1.15; /* @kind font */     --ls-h3:-0.022em; /* @kind font */
  --fs-h4:24px; /* @kind font */                         --lh-h4:1.25; /* @kind font */     --ls-h4:-0.016em; /* @kind font */
  --fs-body-l:18px; /* @kind font */                     --lh-body-l:1.55; /* @kind font */ --ls-body:-0.005em; /* @kind font */
  --fs-body-m:16px; /* @kind font */                     --lh-body-m:1.5; /* @kind font */
  --fs-body-s:14px; /* @kind font */                     --lh-body-s:1.5; /* @kind font */
  --fs-caption:13px; /* @kind font */                    --lh-caption:1.4; /* @kind font */
  --fs-label:12px; /* @kind font */                      --lh-label:1.2; /* @kind font */   --ls-label:0.08em; /* @kind font */   /* mono, uppercase */
  --fs-mono:14px; /* @kind font */                       --lh-mono:1.55; /* @kind font */   --ls-mono:0; /* @kind font */
  --fs-kpi:clamp(48px,5.6vw,72px); /* @kind font */      --lh-kpi:1; /* @kind font */       --ls-kpi:-0.04em; /* @kind font */    /* mono, tabular */
  --fs-kpi-s:32px; /* @kind font */

  /* Semantic */
  --type-heading-weight:var(--fw-semibold); /* @kind font */
  --type-display-weight:var(--fw-semibold); /* @kind font */
}