/* ============================================================
   CULLTRON — EFFECTS (shadows, glows, blur, motion)
   Cyan energy-line glow system from Gridlight.
   ============================================================ */
:root {
  /* ---- Elevation shadows ---- */
  --shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 24px 80px rgba(0, 0, 0, 0.6), 0 0 40px rgba(0, 212, 255, 0.07);
  --shadow-card: 0 18px 55px rgba(0, 0, 0, 0.45), 0 0 50px rgba(0, 212, 255, 0.06);

  /* ---- Accent glows (the Gridlight --glow) ---- */
  --glow: 0 0 18px rgba(0, 212, 255, 0.35), 0 0 2px rgba(0, 212, 255, 0.8);
  --glow-soft: 0 0 22px rgba(0, 212, 255, 0.28);
  --glow-btn: 0 0 22px rgba(0, 212, 255, 0.40);
  --glow-text: 0 0 18px rgba(0, 212, 255, 0.45);
  --glow-focus: 0 0 0 3px rgba(0, 212, 255, 0.12);

  /* ---- Blur (glassmorphism — sticky chrome only) ---- */
  --blur-glass: blur(14px); /* @kind other */
  --blur-soft: blur(8px); /* @kind other */

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-pop: cubic-bezier(0.2, 0.9, 0.3, 1.2); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast: 0.15s; /* @kind other */
  --dur-med: 0.28s; /* @kind other */
  --dur-slow: 0.5s; /* @kind other */

  /* ---- Decorative background layers ---- */
  --grid-line: rgba(0, 212, 255, 0.05); /* @kind color */
  --grid-size: 44px 44px; /* @kind other */
}