/* ---------- 커스텀 커서: 포인트컬러 원형 점 ----------
   마우스가 있는 데스크톱 환경(hover 가능 + 포인터 정밀)에서만 기본 커서를
   숨기고 대체한다. 터치 기기는 커서 개념이 없으므로 건드리지 않는다. */
@media (hover: hover) and (pointer: fine) {
  body,
  a,
  button {
    cursor: none;
  }
}

.cursor-dot {
  position: fixed;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--color-point);
  pointer-events: none;
  z-index: 9999;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, height 0.2s ease, background-color 0.2s ease, opacity 0.2s ease;
}

/* 링크/버튼 등 클릭 가능한 요소 위에서는 점이 커지며 반투명해진다 */
.cursor-dot.is-hover {
  width: 32px;
  height: 32px;
  background: rgba(230, 85, 41, 0.35);
}