/* LightLife — promienie, cienie, ruch. Cienie miękkie i rozproszone, nigdy twarde. */
:root {
  --radius-sm: 8px;    /* pola wewnętrzne, tagi */
  --radius-md: 12px;   /* przyciski, inputy */
  --radius-lg: 16px;   /* karty */
  --radius-xl: 22px;   /* duże panele, ekrany */
  --radius-full: 999px;/* pigułki, awatary */

  --shadow-sm: 0 2px 8px rgba(27, 31, 35, 0.05);
  --shadow-md: 0 8px 24px rgba(27, 31, 35, 0.07);
  --shadow-lg: 0 18px 48px rgba(27, 31, 35, 0.10);
  --shadow-gold: 0 8px 20px rgba(200, 154, 91, 0.25); /* pod elementami złotymi */

  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur: 200ms; /* @kind other */
  --dur-slow: 320ms; /* @kind other */
}