/* Farbenkranz — Effects: radii, shadows, transitions, motion
 * The brand reads soft & natural: pill buttons, gently rounded cards,
 * low-contrast warm shadows, calm fades (no bounce).
 */
:root {
  /* ---- Corner radii ---- */
  --radius-xs:    4px;
  --radius-sm:    8px;
  --radius-md:    14px;  /* cards, images */
  --radius-lg:    22px;  /* glass boxes, large panels */
  --radius-pill:  9999px;/* buttons, chips, badges */
  --radius-circle:50%;   /* icon discs, avatars */

  /* ---- Shadows (warm, fir-tinted, soft) ---- */
  --shadow-xs:   0 1px 2px rgba(46, 67, 65, 0.06);
  --shadow-sm:   0 2px 10px rgba(46, 67, 65, 0.07);
  --shadow-md:   0 10px 30px rgba(46, 67, 65, 0.10);
  --shadow-lg:   0 24px 60px rgba(46, 67, 65, 0.14);
  --shadow-glass:0 18px 50px rgba(46, 67, 65, 0.18);

  /* ---- Transitions / easing ---- */
  --ease-soft:   cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-inout:  cubic-bezier(0.45, 0.05, 0.55, 0.95); /* @kind other */
  --dur-fast:    160ms; /* @kind other */
  --dur-base:    260ms; /* @kind other */
  --dur-slow:    420ms; /* @kind other */
  --transition-base: all var(--dur-base) var(--ease-soft); /* @kind other */

  /* ---- Glass / blur ---- */
  --glass-blur:  blur(10px); /* @kind other */
  --glass-border:1px solid rgba(255, 255, 255, 0.55); /* @kind other */
}