/* ============================================================
   P&J Investicon — Typografie-Tokens
   Display: Space Grotesk (700, eng -.03em) · grosse Schlagzeilen
   Fliesstext: Inter (400–600) · lange Lesetexte
   Mono: IBM Plex Mono · Eyebrows, Labels, Zahlen — GROSS + weit gesperrt
   ============================================================ */
:root{
  --font-display:"Space Grotesk","Segoe UI",system-ui,sans-serif;
  --font-body:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Consolas,monospace;

  /* Grössen (fluid clamp, wie in der Vorlage) */
  --fs-display:clamp(2.5rem,6.4vw,4.6rem);   /* @kind font */
  --fs-h2:clamp(2rem,4.3vw,3.35rem);         /* @kind font */
  --fs-h3:clamp(1.15rem,1.8vw,1.5rem);       /* @kind font */
  --fs-lead:clamp(1.06rem,1.35vw,1.24rem);   /* @kind font */
  --fs-body:1.0625rem;                       /* @kind font */
  --fs-sm:0.9rem;                            /* @kind font */
  --fs-xs:0.8rem;                            /* @kind font */
  --fs-eyebrow:0.71rem;                      /* @kind font */

  /* Zeilenhöhen */
  --lh-tight:1.06;    /* @kind font */
  --lh-heading:1.14;  /* @kind font */
  --lh-body:1.6;      /* @kind font */
  --lh-lead:1.65;     /* @kind font */

  /* Laufweiten */
  --ls-display:-0.03em;  /* @kind font */
  --ls-heading:-0.02em;  /* @kind font */
  --ls-eyebrow:0.19em;   /* @kind font */
  --ls-mono:0.12em;      /* @kind font */

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