/* ============================================================
   Dynamicly — Effects: shadows, glows, motion
   ============================================================ */
:root {
  /* Elevation shadows (dark OS — deep, soft) */
  --dy-shadow-card: 0 18px 48px -30px rgba(0, 0, 0, 0.8);
  --dy-shadow-panel: 0 24px 60px -30px rgba(0, 0, 0, 0.7);
  --dy-shadow-pop: 0 30px 80px -24px rgba(0, 0, 0, 0.85);

  /* Brand glows */
  --dy-glow-coral: 0 18px 60px rgba(244, 90, 61, 0.18);
  --dy-glow-coral-strong: 0 10px 40px -8px rgba(244, 90, 61, 0.5);
  --dy-glow-volt: 0 0 24px -6px rgba(200, 255, 0, 0.55);

  /* Motion — calm, precise, fast */
  --dy-ease: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --dy-ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dy-dur-fast: 140ms; /* @kind other */
  --dy-dur: 220ms; /* @kind other */
  --dy-dur-slow: 400ms; /* @kind other */
}