/* ============================================================
   Custom cursor — ported 1:1 from carreradsgn.lovable.app
   Dot follows instantly, ring lerps behind (0.18/frame) in a
   mix-blend-mode: difference layer.
   ============================================================ */

/* Hide the native cursor everywhere (mouse devices only) */
@media (pointer: fine) {
  body,
  body * {
    cursor: none !important;
  }
}

/* ---- blend layer: ring + dot ---- */
.cursor-blend {
  pointer-events: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  mix-blend-mode: difference;
  opacity: 1;
  transition: opacity 150ms ease-out;
}
.cursor-blend__ring {
  position: absolute;
  left: 0;
  top: 0;
  width: 36px;
  height: 36px;
  border: 2px solid #fff;
  border-radius: 9999px;
  transition: width 200ms ease-out, height 200ms ease-out, opacity 200ms ease-out;
  will-change: transform, width, height;
}
.cursor-blend__dot {
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 9999px;
  transition: width 150ms ease-out, height 150ms ease-out, opacity 150ms ease-out;
  will-change: transform;
}