/* ===========================================
   CURSOR GLOW — Warm sand glow following cursor
   Desktop only, no touch devices
   =========================================== */

.cursor-glow {
  position: fixed;
  pointer-events: none;
  width: var(--cursor-glow-size, 360px);
  height: var(--cursor-glow-size, 360px);
  border-radius: 50%;
  background: radial-gradient(
    circle,
    var(--cursor-glow-color, rgba(221, 184, 146, 0.3)),
    rgba(221, 184, 146, 0.1) 45%,
    transparent 70%
  );
  filter: blur(8px);
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 0;
  transition: opacity 600ms var(--ease-out-expo, cubic-bezier(0.22, 1, 0.36, 1));
  will-change: transform;
}

.cursor-glow.is-visible {
  opacity: 1;
}

/* Stronger glow on deep/dark sections */
.cursor-glow.is-on-deep {
  background: radial-gradient(
    circle,
    rgba(221, 184, 146, 0.38),
    rgba(221, 184, 146, 0.14) 45%,
    transparent 70%
  );
}

/* Hide on touch devices */
@media (hover: none) {
  .cursor-glow {
    display: none !important;
  }
}

/* Reduce motion: disable */
@media (prefers-reduced-motion: reduce) {
  .cursor-glow {
    display: none !important;
  }
}