.cursor {
  position: fixed;
  width: 6px; height: 6px;
  background: var(--white);
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  transition: background 0.2s;
}

.cursor-ring {
  position: fixed;
  width: 30px; height: 30px;
  border: 1px solid rgba(245,242,238,0.35);
  border-radius: 50%;
  pointer-events: none;
  z-index: 9998;
  transform: translate(-50%, -50%);
  transition: width 0.35s ease, height 0.35s ease, border-color 0.35s ease;
}

.cursor.on-cta  { background: var(--red); }
.cursor-ring.on-cta { width: 52px; height: 52px; border-color: rgba(140,58,43,0.45); }

.cursor.on-light { background: #5C2A1E; }
.cursor-ring.on-light { border-color: rgba(92,42,30,0.45); }
.cursor.on-cta.on-light  { background: var(--red); }
.cursor-ring.on-cta.on-light { border-color: rgba(140,58,43,0.55); }