/* ============================================================
   ELEVATION — shadows + accent glows on dark
   Shadows are deep & soft (premium dark UI). Accent glows are
   used sparingly on primary CTAs and active telemetry states.
   ============================================================ */
:root {
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.40);
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.45);
  --shadow-md: 0 8px 24px rgba(0,0,0,0.50);
  --shadow-lg: 0 18px 50px rgba(0,0,0,0.55);
  --shadow-xl: 0 30px 80px rgba(0,0,0,0.60);

  /* hairline top highlight for raised dark surfaces */
  --edge-top: inset 0 1px 0 rgba(255,255,255,0.05);  /* @kind shadow */

  /* accent glow (uses current --accent-glow) */
  --glow-accent: 0 0 0 1px var(--accent-border), 0 8px 30px var(--accent-glow);
  --glow-soft:   0 0 40px var(--accent-glow);
}