:root{
  /* 8px-Raster (Modernisierungs-Vorschlag, additiv zu den Layout-Rohwerten unten) */
  --space-1:4px;
  --space-2:8px;
  --space-3:16px;
  --space-4:24px;
  --space-5:32px;
  --space-6:48px;
  --space-7:64px;
  --space-8:96px;

  /* Maßbereiche. Frei gewählt, nicht von einem Baukasten diktiert:
     drei Inhaltsbreiten + eine fließende Abschnittshöhe (clamp statt Breakpoint). */
  --container-text:720px;   /* Lesetext, ~70 Zeichen */
  --container:1100px;       /* Regelbreite */
  --container-wide:1400px;  /* Raster-, Tabellen- und Bildabschnitte */
  --section-padding:clamp(40px, 6vw, 96px);
  --section-padding-desktop:80px; /* Altwerte, nur noch für Rückwärtskompatibilität */
  --section-padding-mobile:40px;
  --grid-columns:12; /* @kind other */
  --grid-gutter:32px;
  --tile-padding:40px 30px;
  --tile-padding-dense:32px 28px;
  --button-padding:12px 24px;
  --icon-size-tile:50px;

  --radius:0;      /* durchgehend eckig — Markenentscheidung */
  --shadow:none;   /* Trennung läuft über Fläche/Linie, nie über Schatten */
  --border-width:1px;
}