/* ===== CUSTOM CURSOR (pointer:fine = desktop mouse) ======================= */
@media (pointer: fine) {
  body, a, button, [role="button"], label,
  input, textarea, select { cursor: none !important; }

  #cursor-dot {
    position: fixed;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    pointer-events: none;
    z-index: 10000;
    will-change: transform;
  }

  #cursor-ring {
    position: fixed;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1.5px solid rgba(255, 255, 255, 0.45);
    pointer-events: none;
    z-index: 10000;
    will-change: transform;
    transition: width 0.18s ease, height 0.18s ease, border-color 0.18s ease;
  }

  #cursor-ring.is-hovering {
    width: 50px;
    height: 50px;
    border-color: var(--accent);
  }
}

/* Hide cursor elements on touch devices */
@media (pointer: coarse) {
  #cursor-dot, #cursor-ring { display: none; }
}