/* ============================================================
   ADAMAR — custom cursor (site-wide partial)
   Desktop only: a small dot glued to the pointer, plus a larger
   ring that trails behind with easing and grows on hover of any
   link, button, or image. Off on touch devices and under
   prefers-reduced-motion — see cursor.js for the matching JS gate.
   ============================================================ */

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html, a, button, input, select, textarea, label, [role="button"], .nav-toggle {
    cursor: none;
  }
}

#cur-dot, #cur-ring {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  will-change: transform;
  z-index: 10000;
}

#cur-dot {
  width: 6px;
  height: 6px;
  background: var(--brass-bright, #E0AC55);
  transition: opacity .25s ease;
}

#cur-ring {
  width: 34px;
  height: 34px;
  border: 1px solid var(--brass-bright, #E0AC55);
  background: transparent;
  transition: width .28s cubic-bezier(.22,.9,.32,1), height .28s cubic-bezier(.22,.9,.32,1),
              background-color .28s ease, border-color .28s ease, opacity .25s ease;
}

#cur-ring.is-hover {
  width: 54px;
  height: 54px;
  background: rgba(224, 172, 85, .14);
  border-color: var(--brass-bright, #E0AC55);
}

@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  #cur-dot, #cur-ring { display: none; }
}