/* ─────────────────────────────────────────
   AGENCY OS — SHADOW & ELEVATION TOKENS
   ───────────────────────────────────────── */

:root {

  /* ── SOMBRAS NEUTRAS ── */
  --shadow-xs:  0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-sm:  0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-md:  0 4px 16px rgba(0, 0, 0, 0.08),
                0 1px 4px rgba(0, 0, 0, 0.04);
  --shadow-lg:  0 8px 32px rgba(0, 0, 0, 0.10),
                0 2px 8px rgba(0, 0, 0, 0.05);
  --shadow-xl:  0 16px 48px rgba(0, 0, 0, 0.12),
                0 4px 16px rgba(0, 0, 0, 0.06);
  --shadow-2xl: 0 24px 64px rgba(0, 0, 0, 0.16),
                0 8px 24px rgba(0, 0, 0, 0.08);

  /* ── SOMBRAS BRAND ── */
  --shadow-brand-sm: 0 2px 12px var(--color-brand-glow);
  --shadow-brand-md: 0 4px 24px var(--color-brand-glow);
  --shadow-brand-lg: 0 8px 40px var(--color-brand-glow);

  /* ── SOMBRAS INSET ── */
  --shadow-inset-sm: inset 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-inset-md: inset 0 2px 8px rgba(0, 0, 0, 0.08);

  /* ── GLASSMORPHISM ── */
  --glass-bg:     rgba(255, 255, 255, 0.06);
  --glass-bg-md:  rgba(255, 255, 255, 0.10);
  --glass-bg-lg:  rgba(255, 255, 255, 0.16);
  --glass-border: rgba(255, 255, 255, 0.12);
  --glass-blur:   blur(12px);
  --glass-blur-lg: blur(24px);
}

[data-theme="dark"] {
  --shadow-md:  0 4px 16px rgba(0, 0, 0, 0.20),
                0 1px 4px rgba(0, 0, 0, 0.12);
  --shadow-lg:  0 8px 32px rgba(0, 0, 0, 0.28),
                0 2px 8px rgba(0, 0, 0, 0.16);
  --shadow-xl:  0 16px 48px rgba(0, 0, 0, 0.36),
                0 4px 16px rgba(0, 0, 0, 0.20);

  --glass-bg:     rgba(255, 255, 255, 0.04);
  --glass-bg-md:  rgba(255, 255, 255, 0.07);
  --glass-border: rgba(255, 255, 255, 0.08);
}