/* =========================================================================
   Vorschlag D — wie C, aber alles Mono kursiv
   Dieselbe Paarung wie in C: IBM Plex Mono über IBM Plex Serif. Wortmarke,
   Navigation und Zwischentitel stehen hier durchgehend in SemiBold (600)
   kursiv. Die kursive Mono schrägt die Buchstaben, ohne die Dickte zu
   ändern — das Raster bleibt stehen, die Schrift kippt darin. Wie ein Stich,
   der schräg durch das Gewebe läuft.

   Weil nichts mehr aufrecht gesetzt ist, braucht diese Variante nur einen
   einzigen Mono-Schnitt und lädt damit weniger als C.
   ========================================================================= */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/ibm-plex-mono-600-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122;
}

@font-face {
  font-family: 'IBM Plex Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/ibm-plex-serif-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122;
}

:root {
  --titel: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --text:  'IBM Plex Serif', Georgia, 'Times New Roman', serif;

  --titel-weight: 600;
  --titel-stretch: 100%;

  --wortmarke-size: clamp(0.75rem, 10.4vw - 21.4px, 2rem);
  /* Die Formel hält die Wortmarke knapp unter der Breite, ab der das
     Menü auf eine zweite Zeile rutscht. Sie ist am Browser ausgemessen
     und gilt zusammen mit den engeren Abständen im Kopf (style.css,
     Media Query bis 34rem). Wer sie ändert, prüft den Kopf bei 360,
     390 und 430 Pixel Breite nach. */
  --wortmarke-spacing: -0.015em;
  --wortmarke-transform: none;
  --wortmarke-style: italic;

  --kopf-korrektur: calc(var(--wortmarke-size) * -0.067);  /* Unterlängen im Kopf, gemessen */

  --nav-weight: 600;
  --nav-style: italic;
  --nav-size: 0.85rem;
  --nav-spacing: 0;
  --nav-transform: none;

  --text-weight: 400;
  --text-stretch: 100%;
  --text-size: clamp(1.02rem, 0.97rem + 0.25vw, 1.11rem);
  --text-lh: 1.68;

  --auftakt-weight: 400;
  --auftakt-size: clamp(1.2rem, 1.07rem + 0.75vw, 1.48rem);

  --h2-weight: 600;
  --h2-style: italic;
  --h2-size: 0.9rem;
  --h2-spacing: 0.02em;
  --h2-transform: none;
}