/* Kurzor körüli "spotlight" - a pöttyök elsötétülnek az egér közelében */
.dot-spotlight {
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image: radial-gradient(var(--dot-spotlight-color) 1.5px, transparent 1.5px);
    background-size: 25px 25px;
    -webkit-mask-image: radial-gradient(circle 180px at var(--spot-x, -9999px) var(--spot-y, -9999px), black 0%, black 35%, transparent 100%);
    mask-image: radial-gradient(circle 180px at var(--spot-x, -9999px) var(--spot-y, -9999px), black 0%, black 35%, transparent 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.dot-spotlight.is-visible {
    opacity: 1;
}

@media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse) {
    .dot-spotlight {
        display: none;
    }
}