:root {
  /* ---------- Raster ---------- */
  --max-w: 1240px; /* @kind spacing */
  --gutter: clamp(1.25rem, 4vw, 3rem); /* @kind spacing */

  /* ---------- Abstände ---------- */
  --space-3xs: 0.2rem; /* @kind spacing */
  --space-2xs: 0.4rem; /* @kind spacing */
  --space-xs: 0.6rem; /* @kind spacing */
  --space-s: 0.85rem; /* @kind spacing */
  --space-m: 1.2rem; /* @kind spacing */
  --space-l: 1.75rem; /* @kind spacing */
  --space-xl: 2rem; /* @kind spacing */
  --space-2xl: 3rem; /* @kind spacing */
  --space-3xl: 4rem; /* @kind spacing */

  /* Rhythmus in der Fläche */
  --section-y: clamp(4rem, 9vw, 8rem); /* @kind spacing */ /* vertikales Padding pro Section */
  --block-gap: clamp(3rem, 6vw, 6rem); /* @kind spacing */ /* Spalten-Gap in zweispaltigen Blöcken */
  --panel-pad: clamp(2rem, 3.5vw, 3rem); /* @kind spacing */ /* Innenabstand dunkler Panels */
  --card-pad: 2rem; /* @kind spacing */ /* Innenabstand heller Karten */
  --hit-min: 44px; /* @kind spacing */ /* Mindest-Klickfläche (Stepper) */
}