/* ============================================================
   EWE · Spacing, radii, shadows, motion
   ============================================================ */

:root {
  /* Spacing scale (4px base) */
  --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;

  /* Radii */
  --radius-xs: 5px;     /* small chips, inline tags */
  --radius-sm: 10px;
  --radius-md: 20px;
  --radius-lg: 30px;    /* cards, large surfaces */
  --radius-pill: 999px; /* inputs, chips, circular controls */
  /* Signature EWE button radius — pill with a sharp bottom-left corner */
  --radius-button: 30px 30px 30px 0px;

  /* Control sizing */
  --control-height: 48px;     /* primary button */
  --control-height-input: 44px;
  --tap-min: 44px;

  /* Shadows */
  --shadow-sm: 0 10px 30px 0 rgba(0,0,0,0.10);     /* Schatten (außen) */
  --shadow-md: 0 16px 40px 0 rgba(0,0,0,0.12);
  --shadow-lg: 0 69px 75px 0 rgba(0,0,0,0.15);     /* deep elevation */
  --shadow-toast: 0 7px 20px 0 rgba(0,0,0,0.10);

  /* Glas Effekt (frosted) */
  --glass-bg: rgba(90,95,95,0.10);
  --glass-blur: blur(60px); /* @kind other */

  /* Motion */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.0, 0, 0.2, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
  --dur-slow: 320ms; /* @kind other */
}