/* Witly Design System — Elevation & glow tokens
   Depth is subtle: shadows are near-black or violet-tinted and stay subordinate to borders. */
:root {
  --shadow-card: 0 12px 36px rgba(4, 3, 14, 0.24);
  --shadow-card-hover: 0 18px 56px rgba(7, 4, 24, 0.38);
  --shadow-popover: 0 8px 24px rgba(4, 3, 14, 0.44);
  --shadow-modal: 0 32px 80px rgba(4, 3, 14, 0.6);

  /* Restrained glows — reserve for primary action + featured surfaces only */
  --glow-fuchsia: 0 0 36px rgba(217, 70, 239, 0.22);
  --glow-violet: 0 0 48px rgba(107, 70, 193, 0.30);

  /* Focus ring (paired with --focus-ring color) */
  --focus-ring-shadow: 0 0 0 3px rgba(217, 70, 239, 0.35);
}