:root {
    --textcolor: #6518bf;
    --bgcolor: black;
    --linkcolor: #8f53d4;
    --navbar-color: #f5f5f5;
    --navbar-hover: rgba(255, 255, 255, 0.5);
    --navbar-dropdown: rgba(255, 255, 255, 0.7);
    --navbar-text: black;
    --button-color: rgba(245, 122, 229, 0.8);
    --button-hover: rgba(255, 170, 244, 0.925);
    --button-text: black;
    --header-tint: rgba(63, 63, 63, 0.95);
    --container-tint: rgba(255, 255, 255, 0.8);
    --highlight-color: rgb(145, 72, 194);
    --highlight-bg-color: rgba(255, 255, 255, 0.2);
    --glow-color: rgba(122, 130, 245, 0.46);
}

body {
    background-image: url('./assets/images/lightbg.png');
}

.topbar-wrap {
    background: #FFFFFF;
    background: linear-gradient(111deg, rgba(143, 42, 134, 0.7) 0%, rgba(118, 74, 220, 0.7) 51%, rgba(155, 63, 143, 0.46) 100%);
    border-radius: 12px;
    -webkit-box-shadow: 0px 0px 20px 1px rgba(165, 122, 245, 0.8);
    -moz-box-shadow: 0px 0px 20px 1px rgba(179, 122, 245, 0.8);
    box-shadow: 0px 0px 20px 1px rgba(165, 122, 245, 0.8);
}