/* SESSION TESTS — Свет за курсором (spotlight). Управляет scripts/spotlight.js.
   Два эффекта: глобальный мягкий светлой круг под курсором (#st-spotlight,
   под контентом, над фоном) и тонкая подсветка рамки элементов
   (.sp-target::before — radial-gradient + mask, без изменения layout). */

:root {
    --sp-color: rgba(255, 255, 255, 0.5);
    --sp-glow: rgba(255, 255, 255, 0.07);
    --sp-op: 0.55;
}

/* В теме aura акцент берётся из палитры обложки, иначе из --ig-accent */
body[data-theme="aura"] {
    --sp-color: var(--aura-accent);
    --sp-glow: color-mix(in srgb, var(--aura-accent) 12%, transparent);
}
body:not([data-theme="aura"]) {
    --sp-glow: color-mix(in srgb, var(--ig-accent) 10%, transparent);
}

/* ── Глобальный слой ─────────────────────────────────────────────── */
#st-spotlight {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: radial-gradient(340px 340px at var(--mx, -240px) var(--my, -240px), var(--sp-glow), transparent 72%);
    opacity: 0;
    transition: opacity .45s ease;
}
#st-spotlight.is-on { opacity: 1; }

body.performance-mode #st-spotlight {
    display: none;
}

/* ── Подсветка рамки элемента под курсором ───────────────────────── */
.sp-target { position: relative; }
.sp-target::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: inherit;
    background: radial-gradient(150px 150px at var(--sx, 50%) var(--sy, 50%), var(--sp-color), transparent 72%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    opacity: var(--sp-op);
    pointer-events: none;
    transition: opacity .3s ease;
}

body.performance-mode .sp-target::before {
    opacity: 0;
}