/* ════════════════════════════════════════════════════════════
   cursor.css — Custom Cursor Follower
   ════════════════════════════════════════════════════════════ */

.cursor-follower {
  position: fixed;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: var(--accent);
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  transition: 
    width 0.4s var(--ease-out), 
    height 0.4s var(--ease-out), 
    background-color 0.4s var(--ease-out),
    opacity 0.4s var(--ease-out);
  transform: translate(-50%, -50%);
  opacity: 0;
}

/* Hover state for cursor */
.cursor-follower.hovering {
  width: 48px;
  height: 48px;
  background-color: var(--accent);
  opacity: 0.15;
}

@media (pointer: coarse), (prefers-reduced-motion: reduce) {
  .cursor-follower { display: none; }
}