/* ============================================================
   VersaSol · Shadow Tokens
   Navy-tinted shadows; 5-level elevation system.
   Sober and precise — no dramatic floats.
   ============================================================ */

:root {
  /* ── Elevation Scale ──────────────────────────────────────── */
  --shadow-none: none;

  /* Z0 → barely lifted; borders only, no shadow needed */
  --shadow-xs: 0 1px 2px 0 rgba(13, 26, 45, 0.05);

  /* Z1 → cards, panels at rest */
  --shadow-sm:
    0 1px 3px 0 rgba(13, 26, 45, 0.08),
    0 1px 2px -1px rgba(13, 26, 45, 0.05);

  /* Z2 → dropdowns, popovers */
  --shadow-md:
    0 4px 12px -2px rgba(13, 26, 45, 0.10),
    0 2px 4px -1px rgba(13, 26, 45, 0.06);

  /* Z3 → modals, drawers */
  --shadow-lg:
    0 10px 28px -4px rgba(13, 26, 45, 0.14),
    0 4px 8px -2px rgba(13, 26, 45, 0.08);

  /* Z4 → toasts, floating action */
  --shadow-xl:
    0 20px 48px -8px rgba(13, 26, 45, 0.18),
    0 8px 16px -4px rgba(13, 26, 45, 0.10);

  /* ── Interaction States ───────────────────────────────────── */
  --shadow-focus:
    0 0 0 3px rgba(27, 111, 248, 0.22);

  --shadow-focus-danger:
    0 0 0 3px rgba(220, 38, 38, 0.20);

  /* ── Inner (inset) ────────────────────────────────────────── */
  --shadow-inset:
    inset 0 1px 3px rgba(13, 26, 45, 0.08);

  --shadow-inset-sm:
    inset 0 1px 2px rgba(13, 26, 45, 0.05);

  /* ── Blue Glow (for active primary elements) ──────────────── */
  --shadow-blue-glow:
    0 0 0 3px rgba(27, 111, 248, 0.20),
    0 2px 8px rgba(27, 111, 248, 0.18);

  /* ── Dark surface shadow (use on navy bg) ─────────────────── */
  --shadow-dark-sm:
    0 1px 3px rgba(0, 0, 0, 0.25);
  --shadow-dark-md:
    0 4px 12px rgba(0, 0, 0, 0.30),
    0 1px 4px rgba(0, 0, 0, 0.20);
}