/* ═══════════════════════════════════════════════════════════════════════════
   Design Tokens — Elevation v2
   Layered soft shadows — depth without harshness.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {

  /* ── Shadow Scale ──────────────────────────────────────────────────── */

  --elevation-0: none;
  --elevation-1: 0 1px 2px hsl(220 5% 0% / 0.04),
                 0 1px 3px hsl(220 5% 0% / 0.06);
  --elevation-2: 0 2px 4px hsl(220 5% 0% / 0.04),
                 0 4px 8px hsl(220 5% 0% / 0.06);
  --elevation-3: 0 4px 8px hsl(220 5% 0% / 0.05),
                 0 8px 16px hsl(220 5% 0% / 0.08);
  --elevation-4: 0 8px 16px hsl(220 5% 0% / 0.06),
                 0 16px 32px hsl(220 5% 0% / 0.08);

  /* ── Glow (for badges, floating elements) ──────────────────────────── */

  --glow-orange: 0 0 20px hsl(14 85% 52% / 0.25),
                 0 0 40px hsl(14 85% 52% / 0.1);
  --glow-teal:   0 0 20px hsl(198 40% 42% / 0.2),
                 0 0 40px hsl(198 40% 42% / 0.08);

  /* ── Z-Index Scale ─────────────────────────────────────────────────── */

  --z-base: 0;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-overlay: 300;
  --z-modal: 400;
  --z-toast: 500;
}