/* ============================================================
   SHADOWS — Empresas Directory System
   Soft, layered, faintly green-tinted ambient light.
   Buttons carry a colored "glow" on the brand color.
   ============================================================ */
:root {
  /* Ambient elevation — cool green-gray, never pure black */
  --shadow-xs: 0 1px 2px rgba(11, 74, 43, 0.06);
  --shadow-sm: 0 2px 6px rgba(11, 74, 43, 0.07), 0 1px 2px rgba(11, 74, 43, 0.05);
  --shadow-md: 0 6px 16px rgba(11, 74, 43, 0.09), 0 2px 4px rgba(11, 74, 43, 0.06);
  --shadow-lg: 0 16px 34px rgba(11, 74, 43, 0.12), 0 4px 8px rgba(11, 74, 43, 0.06);
  --shadow-xl: 0 28px 60px rgba(11, 74, 43, 0.16), 0 8px 16px rgba(11, 74, 43, 0.07);

  /* Colored glows for interactive brand/accent surfaces */
  --shadow-brand: 0 8px 20px rgba(18, 184, 95, 0.32);
  --shadow-brand-lg: 0 14px 32px rgba(18, 184, 95, 0.40);
  --shadow-accent: 0 8px 20px rgba(255, 176, 32, 0.36);

  /* Focus ring (2-part: white gap + brand halo) */
  --ring-focus: 0 0 0 3px var(--surface-card), 0 0 0 6px var(--focus-ring);

  /* Inset for pressed / sunken fields */
  --shadow-inset: inset 0 2px 4px rgba(11, 74, 43, 0.08);
}