/* ---- Click lighting / glow effect ---- */
.click-glow {
    box-shadow: 0 0 25px rgba(79, 70, 229, 0.9), 0 0 45px rgba(249, 115, 22, 0.7);
    border-color: var(--accent-2) !important;
    background-image: radial-gradient(circle at top left, rgba(79, 70, 229, 0.2), transparent),
        radial-gradient(circle at bottom right, rgba(249, 115, 22, 0.18), transparent);
    transform: translateY(-2px) scale(1.02);
}

/* small press effect */
.card:active,
.btn:active,
.nav-links a:active,
.pill:active,
.chip:active {
    transform: translateY(1px) scale(0.98);
    filter: brightness(1.05);
}