/* ============================================================
   EFFECTS — radii, shadows, glassmorphism, motion (CI-Dokument §6)
   Weiche Schatten, arched crops, subtiler Frosted-Glass nur bei
   überlappenden Elementen. Keine harten Schatten / 3D / Neon.
   ============================================================ */
:root {
  /* ---- Radii ---- */
  --radius-sm:   8px;
  --radius-md:   14px;
  --radius-lg:   24px;   /* Karten 18–28 */
  --radius-xl:   32px;
  --radius-pill: 999px;  /* Pills / Navigation */
  --radius-arch: 50% 50% 8px 8px / 44% 44% 8px 8px; /* arched image crop */

  /* ---- Shadows (sehr weich) ---- */
  --shadow-xs:    0 1px 2px rgba(46, 43, 41, 0.05);
  --shadow-sm:    0 4px 14px rgba(46, 43, 41, 0.06);
  --shadow-md:    0 10px 30px rgba(46, 43, 41, 0.08);
  --shadow-lg:    0 18px 45px rgba(46, 43, 41, 0.10);  /* CI-Richtwert */
  --shadow-focus: var(--focus-ring);

  /* ---- Glassmorphism (CI-Dokument §6) ---- */
  --glass-bg:     rgba(246, 241, 234, 0.64);
  --glass-bg-white: rgba(255, 255, 255, 0.50);
  --glass-border: 1px solid rgba(255, 255, 255, 0.55);  /* @kind other */
  --glass-blur:   blur(16px);                            /* @kind other */
  --glass-shadow: 0 18px 45px rgba(46, 43, 41, 0.10);

  /* ---- Motion (dezent, keine hektischen Animationen) ---- */
  --ease-soft:   cubic-bezier(0.22, 0.61, 0.36, 1);  /* @kind other */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);      /* @kind other */
  --dur-fast:    150ms;   /* @kind other */
  --dur-base:    240ms;   /* @kind other */
  --dur-slow:    420ms;   /* @kind other */
}

/* Reusable glass utility (CI-Richtwert) */
.glass-card {
  background: var(--glass-bg);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  border: var(--glass-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--glass-shadow);
}