/* Glowing animation for a single link */
:root {
    --glow-color: #ffea00; /* tweak color as you like */
}

.sidebar-nav .glow-link {
    color: var(--glow-color);
    text-shadow:
        0 0 2px var(--glow-color),
        0 0 6px var(--glow-color),
        0 0 12px rgba(255, 234, 0, 0.6);
    animation: link-glow 2s ease-in-out infinite alternate;
    transition: color 0.2s ease;
}

.sidebar-nav .glow-link:hover,
.sidebar-nav .glow-link:focus {
    text-shadow:
        0 0 4px var(--glow-color),
        0 0 10px var(--glow-color),
        0 0 18px rgba(255, 234, 0, 0.75);
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
    .sidebar-nav .glow-link {
        animation: none;
    }
}

@keyframes link-glow {
    from {
        text-shadow:
            0 0 2px var(--glow-color),
            0 0 6px var(--glow-color),
            0 0 12px rgba(255, 234, 0, 0.6);
    }
    to {
        text-shadow:
            0 0 4px var(--glow-color),
            0 0 12px var(--glow-color),
            0 0 24px rgba(255, 234, 0, 0.75),
            0 0 36px rgba(255, 234, 0, 0.4);
    }
}