/* ============================================================
   SHADOWS — soft, neutral, low-spread. The brand is clean and
   minimal; elevation is subtle. Accent "glow" shadows are used
   sparingly on green/purple CTAs.
   ============================================================ */
:root {
  --shadow-xs:  0 1px 2px rgba(23, 23, 23, 0.06);
  --shadow-sm:  0 2px 6px rgba(23, 23, 23, 0.07);
  --shadow-md:  0 6px 18px rgba(23, 23, 23, 0.08);
  --shadow-lg:  0 16px 40px rgba(23, 23, 23, 0.10);
  --shadow-xl:  0 28px 64px rgba(23, 23, 23, 0.14);

  /* Accent glows — for floating CTAs / highlighted cards */
  --glow-green:  0 8px 28px rgba(206, 249, 98, 0.45);
  --glow-purple: 0 8px 28px rgba(106, 99, 240, 0.40);

  /* Focus ring (use with --focus-ring color) */
  --ring-focus: 0 0 0 3px rgba(106, 99, 240, 0.35);
}