/**
 * Firefly cursor dot – custom cursor follower
 * Depends on variables.css for --ff-accent-hover.
 */

.ff-cursor-dot {
  position: fixed;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--ff-accent-hover, #eaff68);
  pointer-events: none;
  z-index: 2147483647;
  opacity: 0;
  transition: width 0.3s, height 0.3s;
}

.ff-cursor-dot.ff-cursor-dot-visible {
  opacity: 1;
}