/* Typografie wie diepixelmacher: Instrument Sans für alles, Hierarchie über
   Größe und Gewicht. Überschriften 600 mit engem Laufweite, nur die Wortmarke 700.
   Kennzeilen (Labels) in Satzschreibung, Instrument Sans Semibold, keine Versalien. */
:root{
  --font-heading:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-label:var(--font-body);
  --font-mono:"IBM Plex Mono","SFMono-Regular",Menlo,monospace;

  --weight-semibold:600;
  --weight-bold:700;
  --weight-regular:400;
  --weight-medium:500;
  --weight-heading:600;
  --weight-label:600;

  /* Große Überschriften der Landingpage wie diepixelmacher */
  --type-hero-size:clamp(2.6rem,8.2vw,7rem);
  --type-hero-line:0.98;
  --type-hero-track:-0.045em;
  --type-sektion-size:clamp(2.5rem,6.4vw,5.75rem);
  --type-sektion-line:1;
  --type-sektion-track:-0.04em;
  --type-zeile-size:clamp(1.375rem,2.4vw,2rem);
  --type-zeile-line:1.1;
  --type-zeile-track:-0.03em;
  --type-lead-size:1.3125rem;
  --type-lead-line:1.524;
  --type-lead-track:-0.005em;

  --type-display-size:56px;
  --type-display-line:1.05;
  --type-display-track:-0.035em;
  --type-h1-size:32px;
  --type-h1-line:1.15;
  --type-h1-track:-0.03em;
  --type-h2-size:40px;
  --type-h2-line:1.15;
  --type-h2-track:-0.025em;
  --type-h3-size:24px;
  --type-h3-line:1.25;
  --type-h3-track:-0.015em;
  --type-body-size:17px;
  --type-body-line:1.53;
  --type-body-track:0;
  --type-small-size:13px;
  --type-small-line:1.5;
  --type-small-track:0;
  --type-label-size:13px;
  --type-label-line:1.4;
  --type-label-track:0;
  --type-mono-size:13px;
  --type-mono-line:1.5;
  --type-mono-track:0;

  --measure-max:68ch; /* Zeilenlänge maximal 68 Zeichen */
}