@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700&display=swap');


::selection {
    background-color: var(--selection);
    color: #fff;
}

body {
    background-color: var(--background-color);
    color: var(--color);
}

::-webkit-scrollbar {
    width: 0;
}

:root { /* default */
    --background-color: #B185DB;
    --cursor-color: #271066;
    --color-1: #ffffff;
    --color-2: #ffffff;
    --selection: #6147aad2;
    --nav-background-color: #b185dbec;
    --nav-color: #fff;
    --settings-background-color: #B185DB;
    --settings-color: #fff;
    --settings-item-background-color: #fff;
    --settings-item-color: #181818;
    --settings-item-shadow: 0 5px 10px rgba(255, 255, 255, 0.445);
    --gradient-1: #684eaddc;
    --gradient-2: #A06CD5dc;
    --games: #a06cd5;
}

:root.dark { /* dark */
    --background-color: #202020;
    --cursor-color: #b8b8b8;
    --color-1: #ffffff;
    --color-2: #ffffff;
    --selection: #3b3b3bd2;
    --nav-background-color: #252525ef;
    --nav-color: #fff;
    --settings-background-color: #1b1b1b;
    --settings-color: #fff;
    --settings-item-background-color: #fff;
    --settings-item-color: #181818;
    --settings-item-shadow: 0 5px 10px rgba(255, 255, 255, 0.445);
    --gradient-1: #131313dc;
    --gradient-2: #292929dc;
    --games: #292929;
}

:root.blue { /* blue */
    --background-color: #0353a4;
    --cursor-color: #0046a1;
    --color-1: #ffffff;
    --color-2: #ffffff;
    --selection: #269dff;
    --nav-background-color: #0466c8f1;
    --nav-color: #fff;
    --settings-background-color: #023e7d;
    --settings-color: #fff;
    --settings-item-background-color: #fff;
    --settings-item-color: #181818;
    --settings-item-shadow: 0 5px 10px rgba(255, 255, 255, 0.445);
    --gradient-1: #003d9edc;
    --gradient-2: #0069ccdc;
    --games: #0069cc;
}

:root.green { /* green */
    --background-color: #67b99a;
    --cursor-color: #88d4ab;
    --color-1: #ffffff;
    --color-2: #ffffff;
    --selection: #358f80e3;
    --nav-background-color: #358f80e3;
    --nav-color: #fff;
    --settings-background-color: #4c956c;
    --settings-color: #fff;
    --settings-item-background-color: #fff;
    --settings-item-color: #181818;
    --settings-item-shadow: 0 5px 10px rgba(255, 255, 255, 0.445);
    --gradient-1: #67b99adc;
    --gradient-2: #358f80dc;
    --games: #358f80;
}