:root{
    --scroll-thumb: rgb(202, 21, 21);
    --scroll-track: black;
    --scroll-glow: rgb(202, 21, 21);
}



.tema-global {
    --bg: #000000;
    --menu-texto: #7a00cc;
    --menu-hover: rgb(14, 11, 190);
    --color-neon: #b026ff;
    --color-bg-soft: rgba(176, 38, 255, 0.10);
    --color-neon-strong: #7a00cc;
    --contenedor: #7a00cc;
    --color-scroll: #7a00cc;
}


.tema-femenil {
    --bg: #000000;
    --menu-texto: #7a00cc;
    --menu-hover: rgb(14, 11, 190);
    --color-neon: #ff4da6;
    --color-bg-soft: rgba(255, 77, 166, 0.10);
    --color-neon-strong: #cc007a;
    --contenedor: #ff4da6;
    --color-scroll: #ff4da6;
}


.tema-varonil {
    --bg: #000000;
    --menu-texto: #00aaff;
    --menu-hover: rgb(14, 11, 190);
    --color-neon: #00aaff;
    --color-bg-soft: rgba(0, 170, 255, 0.10);
    --color-neon-strong: #0066cc;
    --contenedor: #00aaff;
    --color-scroll: #00aaff;
}

body.tema-varonil{
    --scroll-glow: #00aaff;
}

body.tema-femenil{
    --scroll-glow: #ff4da6;
}