/* ============================================================
   ScaleRetain — Effects: shadows, glows, blur, motion
   On a near-black canvas, elevation comes from soft border
   highlights + colored glows rather than heavy drop shadows.
   ============================================================ */
:root {
  /* Elevation shadows (subtle on dark) */
  --shadow-sm:  0 1px 2px rgba(0,0,0,0.40);
  --shadow-md:  0 8px 24px -8px rgba(0,0,0,0.55);
  --shadow-lg:  0 24px 60px -20px rgba(0,0,0,0.70);
  --shadow-card:0 1px 0 rgba(255,255,255,0.04) inset, 0 18px 40px -24px rgba(0,0,0,0.8);

  /* Brand glows */
  --glow-blue-sm: 0 0 0 1px rgba(16,160,255,0.30), 0 6px 20px -6px rgba(16,160,255,0.45);
  --glow-blue-md: 0 8px 30px -6px rgba(16,160,255,0.55);
  --glow-blue-lg: 0 14px 48px -10px rgba(16,160,255,0.55);

  /* Focus ring */
  --ring-accent: 0 0 0 3px var(--accent-ring);

  /* Glass / blur */
  --blur-nav: saturate(140%) blur(18px);   /* @kind other */
  --glass-nav-bg: rgba(8,9,11,0.62);   /* @kind color */

  /* Motion — quick, confident easing; no bounce */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1);   /* @kind other */
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);   /* @kind other */
  --dur-fast:   140ms;   /* @kind other */
  --dur-med:    240ms;   /* @kind other */
  --dur-slow:   420ms;   /* @kind other */
  --transition-base: all var(--dur-med) var(--ease-out);   /* @kind other */
}