/* EDIQX — Effects: radii, shadows, blur, motion
   Restrained elevation. Shadows are soft and cool, never heavy. */
:root{
  /* Corner radii — soft, modern, never bubbly */
  --radius-xs:6px;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:16px;
  --radius-xl:22px;
  --radius-2xl:28px;
  --radius-pill:999px;
  --radius-card:16px;

  /* Elevation — cool-tinted, layered, subtle */
  --shadow-xs:0 1px 2px rgba(16,20,35,.06);
  --shadow-sm:0 1px 3px rgba(16,20,35,.07),0 1px 2px rgba(16,20,35,.04);
  --shadow-md:0 4px 16px -4px rgba(16,20,35,.10),0 2px 6px -2px rgba(16,20,35,.06);
  --shadow-lg:0 18px 40px -12px rgba(16,20,35,.16),0 6px 14px -6px rgba(16,20,35,.08);
  --shadow-xl:0 40px 80px -24px rgba(16,20,35,.22),0 12px 28px -12px rgba(16,20,35,.10);
  /* branded glow — for hero elements & focused CTAs */
  --shadow-glow:0 20px 60px -18px rgba(111,110,252,.45);
  --shadow-glow-cyan:0 20px 60px -18px rgba(42,194,241,.4);

  /* Focus ring */
  --ring:0 0 0 3px var(--focus-ring);

  /* Glass / blur */
  --blur-sm:8px; /* @kind other */
  --blur-md:16px; /* @kind other */
  --blur-lg:28px; /* @kind other */
  --glass-light:saturate(180%) blur(16px); /* @kind other */

  /* Motion — smooth, purposeful, never bouncy */
  --ease-out:cubic-bezier(.22,.61,.36,1); /* @kind other */
  --ease-in-out:cubic-bezier(.65,.05,.36,1); /* @kind other */
  --ease-emphasized:cubic-bezier(.16,1,.3,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:200ms; /* @kind other */
  --dur-slow:360ms; /* @kind other */
  --dur-slower:600ms; /* @kind other */

  /* Hairline border helper */
  --border-hairline:1px solid var(--border);
}