/*
 * Enter any custom CSS here.
 * This file will not be overwritten by theme updates.
*/
:root {
    --pink: #ff00ff;
    --pink-light: #ff79ff;
    --pink-dark: #850085;

    --background: #030003;
    --background-soft: #0d030f;
    --card: #190019;
    --card-light: #260026;

    --border: rgba(255, 0, 255, 0.28);

    --text: #ffffff;
    --text-muted: #b9aebd;
}

html,
body {
    background: var(--background) !important;
    color: var(--text);
    overflow-x: hidden;
}

body {
    min-height: 100vh;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -3;
    pointer-events: none;

    background:
        radial-gradient(
            circle at 30% 15%,
            rgba(255, 0, 255, 0.09),
            transparent 32%
        ),
        #030003;
}

.text-muted {
    color: var(--text-muted) !important;
}

.text-primary {
    color: var(--pink) !important;
}

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

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

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

::-webkit-scrollbar-thumb:hover {
    background: #650065;
}