body.admin-cursor-effect-enabled {
  --admin-cursor-primary: rgba(37, 99, 235, 0.82);
  --admin-cursor-secondary: rgba(20, 184, 166, 0.62);
  --admin-cursor-highlight: rgba(255, 255, 255, 0.95);
  --admin-cursor-shadow: rgba(37, 99, 235, 0.18);
}

body.admin-cursor-effect-enabled.darktheme,
body.admin-cursor-effect-enabled.admin-cursor-inherit-dark {
  --admin-cursor-primary: rgba(125, 211, 252, 0.86);
  --admin-cursor-secondary: rgba(45, 212, 191, 0.58);
  --admin-cursor-highlight: rgba(240, 249, 255, 0.96);
  --admin-cursor-shadow: rgba(14, 165, 233, 0.22);
}

body.admin-cursor-effect-enabled .admin-cursor-trail {
  position: fixed;
  inset: 0;
  z-index: 3200;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  transition: opacity 140ms ease;
  mix-blend-mode: normal;
}

body.admin-cursor-effect-active .admin-cursor-trail {
  opacity: 1;
}

body.admin-cursor-effect-enabled .admin-cursor-trail__glow,
body.admin-cursor-effect-enabled .admin-cursor-trail__dot {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 999px;
  transform: translate3d(-120px, -120px, 0);
  will-change: transform;
}

body.admin-cursor-effect-enabled .admin-cursor-trail__glow {
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
  background:
    radial-gradient(circle at 35% 35%, var(--admin-cursor-highlight) 0%, rgba(255, 255, 255, 0.46) 18%, var(--admin-cursor-secondary) 46%, rgba(37, 99, 235, 0.05) 72%, transparent 100%);
  filter: blur(4px);
  opacity: 0.48;
}

body.admin-cursor-effect-enabled .admin-cursor-trail__dot {
  background:
    radial-gradient(circle at 34% 30%, var(--admin-cursor-highlight) 0%, rgba(255, 255, 255, 0.68) 22%, var(--admin-cursor-secondary) 55%, var(--admin-cursor-primary) 100%);
  box-shadow:
    0 0 8px var(--admin-cursor-shadow),
    0 0 14px rgba(20, 184, 166, 0.1);
}

body#tabs.admin-cursor-effect-enabled .admin-cursor-trail {
  z-index: 3200;
}

@media (prefers-reduced-motion: reduce) {
  body .admin-cursor-trail {
    display: none !important;
  }
}