/* WP Custom Cursor Pro 1.2 — subtler easing via CSS vars */
:root{
  --wpccur-size: 10px;
  --wpccur-fill: #62868d;
  --wpccur-border: #ffffff;
  --wpccur-border-width: 1px;
  --wpccur-scale: 1.24;
  --wpccur-duration: 220ms;
  --wpccur-easing: cubic-bezier(.22,.61,.36,1);
}

html, body, a, button, [role="button"], input[type="button"], input[type="submit"] {
  cursor: none !important;
}

.custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: var(--wpccur-size);
  height: var(--wpccur-size);
  background-color: var(--wpccur-fill);
  border: var(--wpccur-border-width) solid var(--wpccur-border);
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 999999;
  transition: transform var(--wpccur-duration) var(--wpccur-easing);
  will-change: transform, top, left;
}

.custom-cursor.is-hovering {
  transform: translate(-50%, -50%) scale(var(--wpccur-scale));
}

@media (prefers-reduced-motion: reduce) {
  .custom-cursor { transition: none; }
}

@media (any-pointer: coarse) {
  .custom-cursor { display: none; }
}