/* ============================================================
   WhyRomania · Effects — radii, shadows, blur, motion
   Soft, natural, restrained. Shadows are low & warm, never harsh.
   ============================================================ */

:root {
  /* Corner radii — gently rounded, editorial (not pill-happy) */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;   /* default card */
  --radius-lg:   18px;   /* hero / feature cards */
  --radius-xl:   28px;   /* frosted panels */
  --radius-pill: 999px;  /* tags, chips, buttons */
  --radius-full: 50%;

  /* Shadows — warm-tinted, soft ambient. Cards lift subtly. */
  --shadow-xs:  0 1px 2px rgba(30, 30, 30, 0.06);
  --shadow-sm:  0 2px 8px rgba(30, 30, 30, 0.07);
  --shadow-md:  0 10px 30px -12px rgba(22, 40, 30, 0.22);
  --shadow-lg:  0 24px 60px -24px rgba(22, 40, 30, 0.30);
  --shadow-float: 0 30px 80px -30px rgba(14, 26, 20, 0.40);

  /* Frosted / glass surfaces over imagery */
  --blur-glass:  saturate(140%) blur(14px); /* @kind other */
  --blur-strong: saturate(150%) blur(24px); /* @kind other */

  /* Focus ring */
  --ring: 0 0 0 3px rgba(46, 107, 79, 0.32); /* @kind shadow */

  /* ---- Motion ---- */
  /* Cinematic ease — slow settle, no bounce. */
  --ease-out:   cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-inout: cubic-bezier(0.65, 0.05, 0.36, 1); /* @kind other */
  --dur-fast:   160ms; /* @kind other */
  --dur-base:   280ms; /* @kind other */
  --dur-slow:   520ms; /* @kind other */
  --dur-reveal: 900ms; /* @kind other */
}