:root {
    --nv-black: #050508;
    --nv-dark: #09070e;
    --nv-panel: #100b17;

    --nv-purple: #922cff;
    --nv-purple-light: #c477ff;
    --nv-purple-dark: #59118b;

    --nv-white: #f8f5fb;
    --nv-muted: #aaa2b2;
}


/* FUNDO */

html,
body,
#root {
    background:
        radial-gradient(
            circle at 70% 0%,
            rgba(146,44,255,.16),
            transparent 38%
        ),
        linear-gradient(
            180deg,
            #09070e,
            #050508
        ) !important;

    color: var(--nv-white) !important;
}


/* PALETA GTA ANTIGA -> NORTH VILLE */

.text-gta-gold {
    color: #c477ff !important;
}

.bg-gta-gold {
    background: #922cff !important;
}

.border-gta-gold {
    border-color: #922cff !important;
}

.text-gta-green {
    color: #b45cff !important;
}

.bg-gta-green {
    background: #922cff !important;
}

.text-gta-light {
    color: #aaa2b2 !important;
}

.bg-gta-dark {
    background: #09070e !important;
}

.bg-gta-medium {
    background: #130b1d !important;
}

.bg-gta-graphite {
    background: #100b17 !important;
}

.from-gta-black {
    --tw-gradient-from: #050508 !important;
}

.via-gta-graphite {
    --tw-gradient-via: #100b17 !important;
}

.to-gta-black {
    --tw-gradient-to: #050508 !important;
}


/* BOTOES */

.btn-gta,
.btn-gta-gold {
    background:
        linear-gradient(
            135deg,
            #7018b8,
            #9e32ff
        ) !important;

    color: white !important;

    border:
        1px solid #b958ff !important;

    box-shadow:
        0 0 16px rgba(146,44,255,.28) !important;
}

.btn-gta:hover,
.btn-gta-gold:hover {
    background:
        linear-gradient(
            135deg,
            #8b24dc,
            #ba59ff
        ) !important;
}

.btn-gta-outline {
    background:
        rgba(7,5,10,.80) !important;

    color:
        #d49cff !important;

    border:
        1px solid #922cff !important;
}


/* LOGO */

.nv-official-logo {
    width: 54px !important;
    height: 54px !important;

    object-fit: contain !important;

    margin-right: 12px !important;

    filter:
        drop-shadow(
            0 0 10px rgba(160,65,255,.55)
        ) !important;
}


/* VIP */

.nv-vip {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 11px 20px !important;

    color: white !important;

    text-decoration: none !important;

    font-weight: 700 !important;

    background:
        linear-gradient(
            135deg,
            #7018b8,
            #a234ff
        ) !important;

    border:
        1px solid #c064ff !important;

    box-shadow:
        0 0 16px rgba(146,44,255,.27) !important;
}


/* SCROLL */

::-webkit-scrollbar {
    width: 7px;
}

::-webkit-scrollbar-track {
    background: #050508;
}

::-webkit-scrollbar-thumb {
    background: #5c128e;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #922cff;
}

::selection {
    background: #7f21c8;
    color: white;
}