/* Typo — Rubik überall (Print + Web). Schrift immer in Stahlblau, auf Dark-Backgrounds Weiß. */
:root{
  --font-sans:'Rubik',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  /* Weights: Styleguide nennt Light/Regular/Medium; 600/700 nur für Akzente (z.B. Visitenkarten-Name, Karten-Headlines) */
  --fw-light:300; /* @kind font */
  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:700; /* @kind font */
  /* Scale — Styleguide S.15: Headlines Medium 40–48, Subline Regular 24–32, Fließtext Light/Regular 16–18, Buttons Regular/Medium 16–18 */
  --fs-display:48px;   /* Headline groß, Rubik Medium */
  --fs-h1:40px;        /* Headline, Rubik Medium */
  --fs-h2:32px;        /* Subline groß, Rubik Regular */
  --fs-h3:24px;        /* Subline, Rubik Regular */
  --fs-h4:20px;        /* derived */
  --fs-lead:18px;      /* Fließtext groß */
  --fs-body:16px;      /* Fließtext */
  --fs-small:14px;     /* derived */
  --fs-caption:12px;   /* derived */
  --lh-display:1.12; /* @kind font */
  --lh-heading:1.22; /* @kind font */
  --lh-body:1.6; /* @kind font */
  --lh-tight:1.4; /* @kind font */
  /* Letterspaced Uppercase-Eyebrows sind ein Kernmotiv des Styleguides (z.B. "W E R  W I R  S I N D") */
  --ls-eyebrow:.32em; /* @kind font */
  --ls-caps:.06em; /* @kind font */
}