:root {
  /* Farbpalette — aus den Logo-Pixeln extrahiert (Logo/logo.png), keine Standardpalette */
  --color-ink: #1e3a56;
  --color-ink-2: #142a3d;
  --color-accent: #4fa8e0;
  --color-accent-dark: #3a8cc0;
  --color-muted: #7a90a8;
  --color-wash: #eaf2fa;
  --color-white: #ffffff;
  --color-line: #d3e2ef;

  /* Typografie */
  --font-display: "Source Serif 4", "Iowan Old Style", Georgia, serif;
  --font-body: "Public Sans", "Segoe UI", system-ui, sans-serif;

  --step-0: clamp(1rem, 0.94rem + 0.3vw, 1.125rem);
  --step-1: clamp(1.15rem, 1.06rem + 0.45vw, 1.35rem);
  --step-2: clamp(1.4rem, 1.24rem + 0.8vw, 1.85rem);
  --step-3: clamp(1.75rem, 1.5rem + 1.25vw, 2.5rem);
  --step-4: clamp(2.25rem, 1.85rem + 2vw, 3.4rem);
  --step-5: clamp(2.75rem, 2.1rem + 3.2vw, 4.5rem);

  /* Abstandsskala */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --space-7: 6rem;
  --space-8: 8rem;

  /* Bewusst sparsam: nur zwei Radien, ein Schatten im ganzen Projekt */
  --radius-soft: 6px;
  --radius-none: 0;
  --shadow-hero: 0 24px 60px -24px rgba(20, 42, 61, 0.35);

  --container-width: 1180px;
}