/* Lichtkreis am Mauszeiger. Gehoert zu js/cursor-glow.js. */
.cursor-glow {
    position: fixed;
    left: 0;
    top: 0;
    width: var(--glow-size, 640px);
    height: var(--glow-size, 640px);
    margin: calc(var(--glow-size, 640px) / -2) 0 0 calc(var(--glow-size, 640px) / -2);
    border-radius: 50%;
    pointer-events: none;
    z-index: 1200;
    opacity: 0;
    transition: opacity 0.45s ease;
    background: radial-gradient(circle closest-side,
            rgba(198, 232, 250, 0.22) 0%,
            rgba(176, 222, 248, 0.13) 46%,
            rgba(160, 215, 248, 0.05) 70%,
            rgba(160, 215, 248, 0) 100%);
    -webkit-mask: radial-gradient(circle closest-side, #000 40%, transparent 100%);
    mask: radial-gradient(circle closest-side, #000 40%, transparent 100%);
    will-change: transform;
}

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

[data-theme="dark"] .cursor-glow {
    background: radial-gradient(circle closest-side,
            rgba(0, 179, 255, 0.20) 0%,
            rgba(0, 179, 255, 0.10) 46%,
            rgba(0, 179, 255, 0.03) 70%,
            rgba(0, 179, 255, 0) 100%);
}

[data-theme="dark"] .cursor-glow.is-active {
    opacity: 0.9;
}

@media (prefers-reduced-motion: reduce) {
    .cursor-glow { display: none; }
}