/* ================================================================
   CURSOR SPOTLIGHT — Evervault-style ambient pointer glow
   Fixed full-screen overlay layer that follows the cursor with a
   soft teal radial gradient. Pointer-events disabled, blend-mode
   screen so it warms surfaces without occluding clicks.
   ================================================================ */

.cursor-spotlight {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 8500;
    background: radial-gradient(
        circle 480px at var(--mx, 50%) var(--my, 50%),
        rgba(var(--ln-accent-teal-rgb, 34, 178, 133), 0.10) 0%,
        rgba(var(--ln-accent-teal-rgb, 34, 178, 133), 0.04) 35%,
        transparent 65%
    );
    mix-blend-mode: screen;
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: background;
}

.cursor-spotlight.is-active {
    opacity: 0.85;
}

/* Disable on touch devices (no real mouse) and reduced-motion users */
@media (hover: none) {
    .cursor-spotlight { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
    .cursor-spotlight { display: none !important; }
}