/* ============================================================
   Zenflux — Elevation / Shadow Tokens
   Soft, cool-tinted shadows (navy base) — never pure black.
   Glow tokens use cyan/blue for dark-surface accents.
   ============================================================ */

:root {
  --shadow-xs:  0 1px 2px rgba(13, 27, 42, 0.06);
  --shadow-sm:  0 1px 3px rgba(13, 27, 42, 0.08), 0 1px 2px rgba(13, 27, 42, 0.04);
  --shadow-md:  0 4px 12px rgba(13, 27, 42, 0.08), 0 2px 4px rgba(13, 27, 42, 0.04);
  --shadow-lg:  0 12px 28px rgba(13, 27, 42, 0.10), 0 4px 8px rgba(13, 27, 42, 0.05);
  --shadow-xl:  0 24px 48px rgba(13, 27, 42, 0.14), 0 8px 16px rgba(13, 27, 42, 0.06);

  /* Card resting + hover lift */
  --shadow-card:       var(--shadow-sm);
  --shadow-card-hover: var(--shadow-lg);

  /* Accent glows — for dark surfaces, stat numbers, active states */
  --glow-cyan: 0 0 40px rgba(36, 198, 192, 0.35);
  --glow-blue: 0 0 40px rgba(18, 103, 241, 0.35);

  /* Focus ring (pair with outline:none) */
  --shadow-focus: 0 0 0 3px var(--focus-ring);
}