/* NEON VOID — Effects: radii, glows, blur, shadows
 * Depth is conveyed through GLASSMORPHISM + LIGHT EMISSION, not drop shadows.
 * Soft-Industrial shape language: sharp 4px corners by default.
 */
:root {
  /* ---- Radii (Soft-Industrial) ---- */
  --radius-sm: 2px;
  --radius: 4px;       /* default — sharp, technical */
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-full: 9999px;

  /* ---- Backdrop blur (glassmorphism) ---- */
  --blur-glass: 24px;
  --blur-glass-heavy: 40px;

  /* ---- Outer glows (light emission, not shadow) ---- */
  --glow-green: 0 0 40px rgba(195, 244, 0, 0.30);
  --glow-green-tight: 0 0 16px rgba(195, 244, 0, 0.45);
  --glow-cyan: 0 0 40px rgba(0, 238, 252, 0.30);
  --glow-magenta: 0 0 40px rgba(255, 0, 255, 0.28);

  /* ---- Text glow (display headlines on screens) ---- */
  --text-glow-green: 0 0 24px rgba(195, 244, 0, 0.45);
  --text-glow-cyan: 0 0 24px rgba(0, 238, 252, 0.45);

  /* ---- Elevation (used sparingly, mostly for floating glass) ---- */
  --elev-card: 0 8px 32px rgba(0, 0, 0, 0.45);
  --elev-pop: 0 16px 48px rgba(0, 0, 0, 0.6);

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);   /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast: 140ms;  /* @kind other */
  --dur: 240ms;       /* @kind other */
  --dur-slow: 420ms;  /* @kind other */
}

/* ---- Atmospheric helpers ---- */
@keyframes nv-pulse {
  0%, 100% { opacity: 1; box-shadow: var(--glow-green-tight); }
  50%      { opacity: 0.55; box-shadow: 0 0 4px rgba(195, 244, 0, 0.3); }
}