/* ============================================================
   CodebyCarter — sparks.css
   Click-spark particle burst. Tiny gradient orbs fly outward
   from the click point and arc downward like fireflies.
   ============================================================ */

.click-spark{
  position:fixed;
  width:5px;height:5px;
  border-radius:50%;
  background:linear-gradient(135deg,#FFE8A0,#D4A437);
  pointer-events:none;
  z-index:9998;
  box-shadow:0 0 8px rgba(212,164,55,.55);
  will-change:transform,opacity;
}
.click-spark--mini{width:3px;height:3px;box-shadow:0 0 5px rgba(212,164,55,.45)}

/* Theme variants */
body[data-theme="brutalist"] .click-spark{
  background:#000 !important;border-radius:0 !important;
  box-shadow:0 0 0 2px #000 !important;
  width:8px !important;height:8px !important;
}
body[data-theme="editorial"] .click-spark{
  background:#C04127 !important;
  box-shadow:0 0 12px rgba(192,65,39,.55) !important;
}
body[data-theme="luxe"] .click-spark{
  background:linear-gradient(135deg,#FFE8A0,#D4A437,#8B6914) !important;
  box-shadow:0 0 14px rgba(212,164,55,.7) !important;
}

/* Reduce-motion users get no sparks */
@media (prefers-reduced-motion:reduce){
  .click-spark{display:none}
}