/* ============================================================
   CURSOR — Custom gold dot + lagging ring
   ============================================================ */

*,
*::before,
*::after {
  cursor: none !important;
}

.cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  background: var(--color-gold-dark);
  border-radius: 50%;
  pointer-events: none;
  z-index: var(--z-cursor);
  transform: translate(-50%, -50%);
  transition: transform 0.1s ease, width var(--transition-base), height var(--transition-base);
}

.cursor-ring {
  position: fixed;
  top: 0;
  left: 0;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(201, 169, 110, 0.5);
  border-radius: 50%;
  pointer-events: none;
  z-index: calc(var(--z-cursor) - 1);
  transform: translate(-50%, -50%);
  transition: width var(--transition-base), height var(--transition-base), opacity var(--transition-base);
}

/* Hide on touch-only devices where no pointer cursor exists */
@media (hover: none) {
  *,
  *::before,
  *::after {
    cursor: auto !important;
  }

  .cursor,
  .cursor-ring {
    display: none;
  }
}