/* Custom cursor — signature interaction.
   Native cursor stays until (and unless) cursor.js confirms a fine pointer,
   adequate hardware, and adds .has-custom-cursor — safe default if JS fails. */

html.has-custom-cursor,
html.has-custom-cursor * {
  cursor: none;
}

.cursor-dot,
.cursor-ring {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  pointer-events: none;
  will-change: transform;
  opacity: 0;
  transition: opacity 0.2s var(--ease-standard);
}
.cursor-dot.is-visible,
.cursor-ring.is-visible { opacity: 1; }

.cursor-dot {
  width: 8px;
  height: 8px;
  border-radius: var(--radius-round);
  background: var(--orange-500);
}

.cursor-ring {
  width: 34px;
  height: 34px;
  border-radius: var(--radius-round);
  border: 1.5px solid var(--cream-50);
  background: transparent;
  transition: width 0.25s var(--ease-out), height 0.25s var(--ease-out),
              border-radius 0.25s var(--ease-out), border-color 0.25s var(--ease-out),
              background 0.25s var(--ease-out), opacity 0.2s var(--ease-standard);
}

/* Grows over links/buttons */
.cursor-ring.is-hover {
  width: 56px;
  height: 56px;
  border-color: var(--orange-300);
  background: rgba(206, 94, 29, 0.12);
}

/* Becomes a vertical bar (text caret) over text inputs/textarea */
.cursor-ring.is-text {
  width: 2px;
  height: 24px;
  border-radius: 2px;
  border-color: transparent;
  background: var(--orange-400);
}
.cursor-dot.is-text { opacity: 0; }

/* Reduced motion: keep the cursor, drop the morph animation (position
   tracking itself is made instant in JS, not here). */
@media (prefers-reduced-motion: reduce) {
  .cursor-dot,
  .cursor-ring {
    transition: opacity 0.2s linear;
  }
}