/* BagDrop — Shadow Tokens
   All shadows use navy (#05182C) as their base color for brand warmth.
*/

:root {
  --shadow-none: none;

  --shadow-xs:
    0 1px 2px rgba(5, 24, 44, 0.06);

  --shadow-sm:
    0 1px 3px rgba(5, 24, 44, 0.08),
    0 1px 2px rgba(5, 24, 44, 0.04);

  --shadow-md:
    0 4px 8px rgba(5, 24, 44, 0.08),
    0 2px 4px rgba(5, 24, 44, 0.06);

  --shadow-lg:
    0 10px 20px rgba(5, 24, 44, 0.10),
    0 4px 8px rgba(5, 24, 44, 0.06);

  --shadow-xl:
    0 20px 40px rgba(5, 24, 44, 0.14),
    0 8px 16px rgba(5, 24, 44, 0.06);

  --shadow-2xl:
    0 32px 64px rgba(5, 24, 44, 0.18),
    0 12px 24px rgba(5, 24, 44, 0.08);

  --shadow-inner:
    inset 0 2px 6px rgba(5, 24, 44, 0.08);

  /* ── Orange glow — for selected/active states ── */
  --shadow-orange:
    0 0 0 3px rgba(255, 103, 29, 0.25);

  --shadow-orange-strong:
    0 0 0 4px rgba(255, 103, 29, 0.40);

  /* ── Semantic aliases ── */
  --shadow-card:    var(--shadow-md);
  --shadow-modal:   var(--shadow-xl);
  --shadow-focus:   var(--shadow-orange);
}