/* ===========================================================================
   MightyMax — Elevation & Glow
   Soft, diffuse shadows in a navy tint (not gray) — the "tech" flourish.
   A subtle accent glow sits behind primary CTAs and hero imagery.
   =========================================================================== */
:root {
  --shadow-xs:  0 1px 2px rgba(19, 26, 46, 0.06);
  --shadow-sm:  0 2px 6px rgba(19, 26, 46, 0.06), 0 1px 2px rgba(19, 26, 46, 0.04);
  --shadow-md:  0 8px 20px rgba(19, 26, 46, 0.08), 0 2px 6px rgba(19, 26, 46, 0.05);
  --shadow-lg:  0 18px 40px rgba(19, 26, 46, 0.10), 0 4px 12px rgba(19, 26, 46, 0.06);
  --shadow-xl:  0 32px 70px rgba(19, 26, 46, 0.14), 0 8px 20px rgba(19, 26, 46, 0.08);

  /* Glowing accent halo — glassmorphism nod behind buttons / feature images */
  --shadow-glow:     0 10px 30px var(--accent-glow);
  --shadow-glow-lg:  0 20px 60px var(--accent-glow);

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

  /* Frosted-glass surface recipe (apply as a group) */
  --glass-bg: rgba(255, 255, 255, 0.72);
  --glass-border: rgba(255, 255, 255, 0.6);
  --glass-blur: saturate(180%) blur(16px); /* @kind other */
}