/* ContiNovo — Typography Tokens
   Zwei Familien, selbst gehostet: Fraunces (Display, warme Serif mit WONK 0 /
   SOFT 50) + Figtree (UI, humanistische Sans). Keine dritte Familie.

   Abweichung zur Design-System-Fassung: dort liegen die Fonts als rohe
   Variable-TTF (889 KB gesamt). Hier woff2 (180 KB) — plus drei Eingriffe an
   den Variationsachsen. Alle drei sind gegen den tatsächlichen Gebrauch im
   Design geprüft (Home.dc.html + _ds_bundle.js), nicht geschätzt:

   1. Fraunces: SOFT und WONK sind festgebacken (50 / 0). Das Design setzt beide
      ausnahmslos auf genau diese Werte — als Achsen wären sie nur Ballast.
      Die 'SOFT'/'WONK'-Angaben in font-variation-settings dürfen stehen
      bleiben, sie laufen ins Leere statt zu stören.
   2. Die opsz/wght-Achsen sind auf die real genutzten Spannen beschnitten:
      Roman opsz 72–144 / wght 560–600, Italic opsz 40–72 / wght 500–560.
      Spart rund ein Drittel. Der Failure-Mode ist mild: ein Wert außerhalb der
      Spanne klemmt auf den Rand, es fehlt nichts und nichts bricht.
      Italic ist bewusst KEIN statischer Schnitt — sie rendert an zwei Stellen
      unterschiedlich (QuoteCard mit opsz 40/wght 500, das Zitat in der
      Problem-Sektion mit 72/560). Ein statischer Schnitt hätte eine der beiden
      still falsch dargestellt.
   3. Zeichensatz auf Latin + Latin Extended + Interpunktion + Pfeile begrenzt.
      Großzügig gewählt statt eng aufs aktuelle Copy zugeschnitten, weil
      Impressum/Datenschutz noch nicht geschrieben sind — ein enges Subset
      liefert später Tofu-Kästchen.
      Fußnote: Fraunces hat gar kein "→"-Glyph, auch im Original nicht. Die
      "Mehr über …"-Links nutzen den Pfeil, laufen aber auf Figtree (das ihn
      hat) — kein Problem, aber nichts, was man in Fraunces setzen sollte.

   Selbst gehostet und nicht über Google Fonts eingebunden: sonst gingen mit
   jedem Seitenaufruf IPs an Google (DSGVO), und die CSP müsste font-src/
   style-src für fonts.gstatic.com öffnen. */

@font-face {
  font-family: 'Figtree';
  src: url('../../fonts/figtree-variable.woff2') format('woff2');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fraunces';
  src: url('../../fonts/fraunces-variable.woff2') format('woff2');
  font-weight: 560 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fraunces';
  src: url('../../fonts/fraunces-italic-variable.woff2') format('woff2');
  font-weight: 500 560;
  font-style: italic;
  font-display: swap;
}

:root {
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-sans:    'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Fraunces variation-settings Presets (gerade + ausgewogen-warm) */
  --fraunces-display: 'opsz' 144, 'wght' 580, 'SOFT' 50, 'WONK' 0;
  --fraunces-heading: 'opsz' 72,  'wght' 560, 'SOFT' 50, 'WONK' 0;

  /* Typo-Skala (Desktop) */
  --fs-display: 44px;
  --fs-h2:      44px;
  /* Karten- und Panel-Titel. Eigene Stufe, damit sie gemeinsam skalieren —
     pro Karte gesetzt gehen nebeneinanderliegende Titel schmal unterschiedlich
     weit herunter. */
  --fs-subhead: 25px;
  --fs-h3:      22px;
  --fs-h4:      18px;
  --fs-body-l:  18px;
  --fs-body:    16px;
  --fs-body-s:  15px;          /* Listen und Aufzählungen in Karten */
  --fs-small:   14px;
  --fs-caption: 13px;
  --fs-eyebrow: 15px;

  --lh-display: 1.06;
  --lh-heading: 1.15;
  --lh-body:    1.6;

  --tracking-display: -0.01em;
  --tracking-eyebrow:  0.14em;

  --fw-light:    300;
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
}

@media (max-width: 780px) {
  :root {
    --fs-display: 32px;
    --fs-h2: 32px;
    --fs-subhead: 21px;
    --fs-eyebrow: 13px;
  }
}