:root {
  /* Farben */
  --farbe-primaer: #0f766e;
  --farbe-primaer-dunkel: #115e59;
  --farbe-primaer-hell: #14b8a6;
  --farbe-flaeche: #ccfbf1;
  --farbe-papier: #ffffff;
  --farbe-abschnitt: #f4f7f6;
  --farbe-ink: #152423;
  --farbe-ink-leise: #3a4b49;
  --farbe-grau: #5f6f6d;
  --farbe-grau-hell: #e2e8e6;
  --farbe-signal-gut: #16a34a;
  --farbe-signal-warn: #d97706;

  /* Typografie */
  --font-display: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-body:    Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  /* Layout */
  --radius-s: 6px;
  --radius-m: 12px;
  --radius-l: 20px;
  --shadow-s: 0 1px 2px rgba(21,36,35,0.06);
  --shadow-m: 0 6px 20px rgba(21,36,35,0.08);
  --shadow-l: 0 18px 40px rgba(21,36,35,0.12);
  --raum-xs: 0.5rem;
  --raum-s: 0.75rem;
  --raum-m: 1rem;
  --raum-l: 1.5rem;
  --raum-xl: 2.5rem;
  --raum-xxl: 4rem;
  --raum-abschnitt: clamp(4rem, 3rem + 5vw, 8rem);
  --breite-inhalt: 1120px;
  --breite-schmal: 720px;
  --uebergang: 200ms cubic-bezier(0.16, 1, 0.3, 1);
  --font-groesse-hero: clamp(2rem, 1.4rem + 3vw, 3.5rem);
  --font-groesse-h2:   clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem);
  --font-groesse-h3:   clamp(1.15rem, 1rem + 0.6vw, 1.4rem);
  --font-groesse-body: 1rem;
  --font-groesse-klein: 0.9rem;
}