/* =========================
   NEON GLOW ENGINE
========================= */

:root {
    --neon-glow-color: rgba(0, 240, 255, 0.6);
    --neon-glow-soft: 0 0 10px var(--neon-glow-color);
    --neon-glow-strong: 0 0 20px var(--neon-glow-color);
}

/* Light mode adjust */
body:not(.neon-dark) {
    --neon-glow-color: rgba(0, 200, 255, 0.5);
}

/* Basic glow utility */
.neon-glow {
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.neon-glow:hover {
    box-shadow: var(--neon-glow-soft);
}

/* Strong glow */
.neon-glow-strong:hover {
    box-shadow: var(--neon-glow-strong);
}

/* Glow border */
.neon-border {
    border: 1px solid var(--neon-primary);
    transition: box-shadow 0.3s ease;
}

.neon-border:hover {
    box-shadow: var(--neon-glow-soft);
}

/* Glow button style */
.neon-btn {
    background: transparent;
    border: 1px solid var(--neon-primary);
    color: var(--neon-text);
    padding: 10px 18px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.neon-btn:hover {
    background: var(--neon-primary);
    color: #000;
    box-shadow: var(--neon-glow-soft);
}