/* ============================================================
   Digital Strategy — EFFECTS: shadows, neon glows, blur, motion
   The brand lives on neon glow + glass over dark navy.
   ============================================================ */

:root {
  /* ---- Elevation shadows (cool, on dark) ---- */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-md: 0 6px 20px rgba(0,0,0,0.45);
  --shadow-lg: 0 18px 50px rgba(0,0,0,0.55);
  --shadow-xl: 0 30px 80px rgba(0,0,0,0.6);

  /* ---- Neon glows (the signature effect) ---- */
  --glow-blue:   0 0 0 1px rgba(0,166,255,0.5), 0 0 24px rgba(0,166,255,0.35);
  --glow-purple: 0 0 0 1px rgba(162,46,224,0.5), 0 0 24px rgba(162,46,224,0.35);
  --glow-pink:   0 0 0 1px rgba(237,31,110,0.5), 0 0 24px rgba(237,31,110,0.35);
  --glow-orange: 0 0 0 1px rgba(244,89,12,0.5), 0 0 24px rgba(244,89,12,0.35);
  /* stronger hover glow */
  --glow-blue-lg:   0 0 0 1px rgba(0,166,255,0.7), 0 0 36px rgba(0,166,255,0.5);
  --glow-purple-lg: 0 0 0 1px rgba(162,46,224,0.7), 0 0 36px rgba(162,46,224,0.5);
  --glow-orange-lg: 0 0 0 1px rgba(244,89,12,0.7), 0 0 36px rgba(244,89,12,0.5);
  /* text glow for headline accents */
  --glow-text: 0 0 18px rgba(0,166,255,0.35);

  /* ---- Blur ---- */
  --blur-sm: 6px; /* @kind other */
  --blur-md: 14px; /* @kind other */
  --blur-lg: 28px; /* @kind other */

  /* ---- Focus ring ---- */
  --ring: 0 0 0 3px rgba(0,166,255,0.45);

  /* ---- Motion ---- */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in-out:cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --ease-snap:  cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --dur-fast:   140ms; /* @kind other */
  --dur-base:   220ms; /* @kind other */
  --dur-slow:   400ms; /* @kind other */

  /* ---- Decorative backdrops ---- */
  /* subtle radial brand aura for hero/section backgrounds */
  --aura-brand: radial-gradient(1200px 600px at 75% 0%, rgba(3,84,247,0.18), transparent 60%),
                radial-gradient(900px 500px at 0% 100%, rgba(237,31,110,0.14), transparent 55%); /* @kind other */
  /* faint grid texture overlay color */
  --grid-line: rgba(120, 150, 255, 0.05);
}