/* ─────────────────────────────────────────────────────────────────────────────
 * form-tokens.css · Die eine Datei fuer die Formensprache
 *
 * Traegt ALLE Formwerte der Anwendung: Rundungen, Schatten, Abschnittsabstaende,
 * Ueberschriftgroessen, Laufweiten. Keine Farbwerte. Keine Logik.
 *
 * Herkunft: /home/user/workspace/p30_entwuerfe/final.html (verbindliche Vorlage).
 * Jede Seite mit eigener Kopfleiste bindet diese Datei ein und definiert keine
 * eigenen Rundungs- oder Schattenvariablen mehr. Beim naechsten Formwechsel
 * reicht diese eine Datei.
 * ───────────────────────────────────────────────────────────────────────────── */
:root {
  /* ---- REGEL EINS · Rundungen, fast rechtwinklig ---- */
  --r-sm: 2px;
  --r-md: 2px;
  --r-lg: 3px;
  --r-xl: 4px;
  /* Kompatibilitaets-Alias, von app/results_shared.css verwendet */
  --pp-r-sm: var(--r-sm);
  --pp-r-md: var(--r-md);
  --pp-r-lg: var(--r-lg);
  --pp-r-xl: var(--r-xl);
  /* Echte Kreise (Auswahlknoepfe, Punkte, Fortschrittspunkte, runde Sinnbilder) */
  --r-circle: 999px;

  /* ---- REGEL ZWEI · Keine Schatten, Trennung durch Haarlinien ---- */
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --pp-shadow-md: none;
  --pp-shadow-lg: none;
  /* Ausnahme: aufliegende Schichten (Schubladen, Overlays, aufklappende Listen) */
  --shadow-overlay: 0 12px 32px rgba(13, 61, 45, 0.18);
  --border-hairline: 1px solid var(--line, #E1DFDB);

  /* ---- REGEL FUeNF · Groessenverhaeltnisse und Weissraum ---- */
  --fs-h1: 56px;
  --fs-h1-tablet: 44px;
  --fs-h1-mobile: 38px;
  --fs-lede: 19px;
  --fs-lede-line-height: 1.7;
  --fs-eyebrow: 12px;
  --ls-eyebrow: 0.18em;
  --section-gap: 100px;
  --section-gap-min: 80px;
  --section-gap-max: 120px;
  --section-gap-mobile: 48px;
}