:root{
  /* Abstände – 4px-Basis */
  --space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;

  /* Radien – moderat */
  --radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:16px;--radius-full:999px;

  /* Schatten – zurückhaltend, kühl getönt */
  --shadow-xs:0 1px 1px rgba(28,31,36,.05);
  --shadow-sm:0 1px 2px rgba(28,31,36,.06),0 1px 3px rgba(28,31,36,.05);
  --shadow-md:0 2px 4px rgba(28,31,36,.05),0 6px 16px rgba(28,31,36,.07);
  --shadow-lg:0 4px 8px rgba(28,31,36,.06),0 16px 40px rgba(28,31,36,.12);
  --focus-shadow:0 0 0 2px var(--surface-card),0 0 0 4px var(--focus-ring);

  /* Bewegung – ruhig, keine Federn */
  --ease-standard:cubic-bezier(.2,0,0,1);/* @kind other */--ease-exit:cubic-bezier(.4,0,1,1);/* @kind other */
  --dur-fast:120ms;/* @kind other */--dur-base:180ms;/* @kind other */--dur-slow:280ms;/* @kind other */

  /* Raster & Breakpoints */
  --bp-sm:480px;/* @kind spacing */--bp-md:768px;/* @kind spacing */--bp-lg:1024px;/* @kind spacing */--bp-xl:1280px;/* @kind spacing */--bp-2xl:1440px;/* @kind spacing */
  --container-max:1200px;--container-reading:720px;--container-pad:clamp(20px,4vw,40px);
  --grid-cols:12;/* @kind other */--grid-gutter:24px;
  --header-h:72px;--sidebar-w:248px;--annotation-w:360px;

  --z-dropdown:100;/* @kind other */--z-sticky:200;/* @kind other */--z-modal:400;/* @kind other */--z-toast:500;/* @kind other */--z-tooltip:600;/* @kind other */
  --control-h-sm:32px;--control-h-md:40px;--control-h-lg:48px;
}