#cursor-dot {
  position: fixed;
  width: 6px; height: 6px;
  background: var(--gold-bright);
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%,-50%);
  transition: width .15s, height .15s, opacity .15s;
}
#cursor-ring {
  position: fixed;
  width: 28px; height: 28px;
  border: 0.5px solid rgba(239,159,39,0.55);
  border-radius: 50%;
  pointer-events: none;
  z-index: 9998;
  transform: translate(-50%,-50%);
  transition: transform .08s linear, width .25s, height .25s, border-color .2s;
}
body:hover #cursor-dot { opacity: 1; }

@media (max-width: 640px) {
  #cursor-dot, #cursor-ring { display: none; }
}

body.light-theme #cursor-dot { background: #B85C00; }
body.light-theme #cursor-ring { border-color: rgba(184,92,0,0.6); }