/* WattVision — Shadows, glows, transitions. */
:root {
  /* Elevation — subtle in dark mode, mostly borders not shadows */
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-raised: 0 8px 24px rgba(0, 0, 0, 0.5);
  --shadow-overlay: 0 16px 48px rgba(0, 0, 0, 0.6);

  /* Data glows — used sparingly for emphasis */
  --glow-cyan: 0 0 16px rgba(0, 229, 255, 0.35);
  --glow-live: 0 0 12px rgba(50, 215, 75, 0.45);
  --glow-alert: 0 0 12px rgba(255, 69, 58, 0.4);

  /* Motion */
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);   /* @kind other */
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);  /* @kind other */
  --dur-fast: 120ms;   /* @kind other */
  --dur-base: 200ms;   /* @kind other */
  --dur-slow: 320ms;   /* @kind other */

  --transition-base: all var(--dur-base) var(--ease-out);  /* @kind other */
}