/* ===========================================================================
   machado.group — Elevation & Glow
   ---------------------------------------------------------------------------
   Shadows are soft, low, and diffuse — never "shadow soup". The signature is
   the status GLOW ("luzinha"): a colored bloom behind a live status light,
   used sparingly to draw the eye.
   =========================================================================== */

:root {
  /* soft neutral elevation (dark default) */
  --shadow-xs:  0 1px 2px rgba(0, 0, 0, 0.40);
  --shadow-sm:  0 1px 2px rgba(0, 0, 0, 0.40),
                0 2px 6px rgba(0, 0, 0, 0.40);
  --shadow-md:  0 2px 4px rgba(0, 0, 0, 0.40),
                0 8px 24px rgba(0, 0, 0, 0.50);
  --shadow-lg:  0 4px 8px rgba(0, 0, 0, 0.45),
                0 18px 48px rgba(0, 0, 0, 0.60);

  /* inner hairline that reads as a crisp edge on raised cards */
  --shadow-edge: inset 0 0 0 1px var(--line);

  /* focus ring (offset halo) */
  --shadow-focus: 0 0 0 3px var(--accent-tint),
                  0 0 0 1px var(--accent);

  /* status glows — the "luzinha" bloom */
  --glow-online:  0 0 0 3px var(--status-online-bg),  0 0 12px 1px rgba(63, 164, 94, 0.45);
  --glow-warning: 0 0 0 3px var(--status-warning-bg), 0 0 12px 1px rgba(245, 184, 30, 0.45);
  --glow-offline: 0 0 0 3px var(--status-offline-bg), 0 0 12px 1px rgba(229, 64, 59, 0.55);
  /* progress ("working") — FLAT core + thick lighter-blue soft border + a faint
     displacement shadow behind. No gloss. */
  --glow-progress: 0 0 0 2px var(--c-azure-300),
                   0 0 5px 2px color-mix(in srgb, var(--c-azure-300), transparent 40%),
                   0 0 13px 4px color-mix(in srgb, var(--c-azure-300), transparent 72%);
}

[data-theme="light"] {
  /* soft neutral elevation (light) */
  --shadow-xs:  0 1px 2px rgba(20, 19, 18, 0.05);
  --shadow-sm:  0 1px 2px rgba(20, 19, 18, 0.05),
                0 2px 6px rgba(20, 19, 18, 0.05);
  --shadow-md:  0 2px 4px rgba(20, 19, 18, 0.05),
                0 8px 24px rgba(20, 19, 18, 0.07);
  --shadow-lg:  0 4px 8px rgba(20, 19, 18, 0.05),
                0 18px 48px rgba(20, 19, 18, 0.10);
}