/* =========================================================================
   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(1.1rem, 0.75rem + 1.5vw, 2rem);
  --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;
}