/* KE Design System — Form: Radien, Kontroll-Hoehen, Schatten, z-Ebenen.
   Schatten NUR fuer Overlays/Modals; Karten tragen Hairlines. */
:root {
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 999px;

  --size-control-sm: 28px;
  --size-control: 36px;
  --size-control-lg: 40px;

  --shadow-overlay: 0 12px 32px -8px rgb(0 0 0 / 0.35), 0 4px 12px -4px rgb(0 0 0 / 0.25);
  --shadow-modal: 0 24px 60px -12px rgb(0 0 0 / 0.45), 0 8px 24px -8px rgb(0 0 0 / 0.30);

  --z-stage: 0; /* @kind other */
  --z-content: 10; /* @kind other */
  --z-chrome: 20; /* @kind other */
  --z-sheet: 40; /* @kind other */
  --z-overlay: 60; /* @kind other */
  --z-toast: 80; /* @kind other */
}