/* ============================================================
   HELIOCASTLE — SPOTLIGHT
   A soft gold light that follows the cursor across a card.
   js/spotlight.js writes --mx / --my in per-cent; everything else
   is here. Uses ::after, so a card is free to keep ::before for
   its own top rule.

   z-index -1 plus isolation is what puts the light *above* the
   card's own background but *under* its text — including bare text
   with no element around it, which could never be lifted with a
   z-index of its own.
   ============================================================ */

[data-spotlight] {
  position: relative;
  isolation: isolate;
}

[data-spotlight]::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0;
  background: radial-gradient(14em 14em at var(--mx, 50%) var(--my, 50%),
    rgb(var(--accent-rgb) / 0.17), transparent 68%);
  transition: opacity 0.45s var(--ease);
  pointer-events: none;
}
[data-spotlight]:hover::after { opacity: 1; }