:root{
    --accent-color:#8b00ff !important;
    --accent-muted:#8b00ff75 !important;
    --accent-neutral:#8b00ff50 !important;
}

body{
    background: linear-gradient(180deg,#0d0718,#140a26,#1a1033) !important;
    color:#ffffff !important;
}

.card,
.bg-white,
.shadow,
.shop-product,
.product{
    background: rgba(25,15,45,.92) !important;
    border:1px solid rgba(139,0,255,.45) !important;
    border-radius:18px !important;
    box-shadow:0 0 20px rgba(139,0,255,.25) !important;
}

.card:hover,
.shop-product:hover,
.product:hover{
    transform:translateY(-4px);
    transition:.25s;
    box-shadow:0 0 30px rgba(139,0,255,.6) !important;
}

.btn,
.btn-primary,
.btn-success{
    background:linear-gradient(135deg,#6b00ff,#b24dff) !important;
    border:none !important;
    color:#fff !important;
    font-weight:700 !important;
    border-radius:12px !important;
    box-shadow:0 0 15px rgba(139,0,255,.45);
}

.btn:hover{
    transform:scale(1.03);
    box-shadow:0 0 25px rgba(178,77,255,.8);
}

h1,h2,h3,h4,h5{
    color:#e1b6ff !important;
    text-shadow:0 0 12px rgba(139,0,255,.6);
}

input,
select{
    background:#1a1033 !important;
    color:white !important;
    border:1px solid #8b00ff !important;
}

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

::-webkit-scrollbar-track{
    background:#120a22;
}

::-webkit-scrollbar-thumb{
    background:#8b00ff;
    border-radius:20px;
}

img{
    transition:.3s;
}

img:hover{
    filter:drop-shadow(0 0 15px #8b00ff);
}