/* Abstände — striktes 4px/8px-Raster. Radien-System fix.

   Radius-Sprache: sehr leichte Rundung, durchgehend. Vorher 12 / 10 / 8 plus eine
   zweite, weichere Landingpage-Sprache (20 / 24) - zwei Formensprachen in einem
   Produkt. Jetzt eine: Flächen und Bedienelemente 4px, kleine Marker 2px.

   --r-pill bleibt, ist aber KEINE Stilentscheidung mehr, sondern reserviert für
   Dinge, die geometrisch rund sein müssen: Status-Punkte, Radio-Button, der Knopf
   im Switch, Avatare, Spinner. Ein Radio mit 4px Radius liest sich nicht mehr als
   Radio - da ist die Rundung Bedeutung, keine Dekoration. Alles andere, was früher
   Kapselform trug (Chips, Badges, Pills, Segmented Control), folgt der neuen Skala. */
:root{
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;
  --r:4px;--r-ctl:4px;--r-sm:2px;--r-pill:9999px;
  --control-h:38px;--control-h-sm:30px;--control-h-lg:46px;
  --sidebar-w:248px;
}