/* ============================================================
   HAVA.SI — custom cursor (only on fine pointers)
   ============================================================ */
.cursor-fx { position: fixed; inset: 0; z-index: var(--z-cursor); pointer-events: none; display: none; }
.cursor-core, .cursor-ring { position: fixed; top: 0; left: 0; pointer-events: none; z-index: var(--z-cursor); will-change: transform; display: none; }

.cursor-core {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--neon);
  box-shadow: var(--glow-neon);
  mix-blend-mode: screen;
}
.cursor-ring {
  width: 38px; height: 38px; border-radius: 50%;
  border: 1px solid rgba(255, 42, 109, .55);
  transition: opacity .25s var(--e-out);
}

@media (hover: hover) and (pointer: fine) {
  html.cursor-on { cursor: none; }
  html.cursor-on a, html.cursor-on button,
  html.cursor-on [data-magnetic], html.cursor-on input,
  html.cursor-on textarea, html.cursor-on select { cursor: none; }
  html.cursor-on .cursor-fx,
  html.cursor-on .cursor-core,
  html.cursor-on .cursor-ring { display: block; }
}