/* Custom cursor — only active on true pointer devices (desktop mouse/trackpad).
   Touch and keyboard-only users keep the system cursor.                        */
@media (hover: hover) and (pointer: fine) {
  * { cursor: none !important; }
}

#cursor-dot {
  position: fixed;
  top: 0; left: 0;
  width: 6px; height: 6px;
  background: var(--c-gold);
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  transition: background var(--dur-fast);
}

#cursor-ring {
  position: fixed;
  top: 0; left: 0;
  width: 34px; height: 34px;
  border: 1.5px solid var(--c-cream);
  border-radius: 50%;
  pointer-events: none;
  z-index: 9998;
  transform: translate(-50%, -50%);
  transition: border-color var(--dur-fast);
  will-change: transform;
}

/* Hide cursor elements on non-pointer devices (JS won't init them, but
   defensive CSS prevents any flash if JS is slow to execute)           */
@media not all and (hover: hover) {
  #cursor-dot,
  #cursor-ring { display: none !important; }
}