/* Spacing / radii / shadows / outdoor ergonomics.
   4px base scale (Tailwind, wie Codebase). Logical properties (start/end)
   in components — RTL-ready (ADR-004/i18n). */
:root {
  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem;
  --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem;
  --space-12: 3rem; --space-16: 4rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;  /* rounded-md — Buttons, Inputs (Codebase) */
  --radius-lg: 0.75rem;   /* Cards */
  --radius-full: 9999px;  /* Badges, Chips */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.10), 0 2px 4px -2px rgb(0 0 0 / 0.10);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.10), 0 4px 6px -4px rgb(0 0 0 / 0.10);
  /* Outdoor: Handschuhe, eine Hand, Sonne */
  --touch-target: 44px;      /* Minimum, Web-App */
  --touch-target-pro: 52px;  /* Fach-App Kernaktionen */
  --control-height: 44px;
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
}