/* anyVersum — Typografie
   Display: Spectral (literarisch, präzise) · Body: IBM Plex Sans (sachlich)
   Mono: IBM Plex Mono (wissenschaftlicher Akzent, Kapitel-/Fußnotennummern) */
:root {
  --font-display: "Spectral", Georgia, "Times New Roman", serif;
  --font-body: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;

  /* Größenskala (Desktop) */
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 17px;
  --text-lg: 20px;
  --text-xl: 25px;
  --text-2xl: 32px;
  --text-3xl: 42px;
  --text-4xl: 56px;
  --text-5xl: 76px;

  --leading-tight: 1.1;
  --leading-snug: 1.25;
  --leading-body: 1.6;

  --tracking-wide: 0.14em; /* Eyebrows / Kicker, immer Versalien */
  --tracking-tight: -0.015em;
}

body {
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: var(--leading-body);
  color: var(--text-body);
  background: var(--surface-page);
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3 {
  font-family: var(--font-display);
  font-weight: 500;
  color: var(--text-strong);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-tight);
  margin: 0;
}

a { color: var(--link); text-decoration: none; }
a:hover { color: var(--link-hover); text-decoration: underline; text-underline-offset: 3px; }