@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@300;400;500;600;700&display=swap');

:root {
    --main-bg-color: #0D0D0D;

    --discord-join: 255, 111, 0, 0.35;

    --accent-blue: #30b129;
    --accent-blue-soft: rgba(255, 111, 0, 0.12);

    --servername-gradient: #3be22e, #30b129;

    --discord-join-hover: 255, 111, 0, 0.8;
    --primary-button-hover: #3be22e;

    /*--main-font: 'DM Sans', sans-serif;*/
    --main-font: 'Oxanium', sans-serif;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #05060a;
}

::-webkit-scrollbar-thumb {
    background: rgba(255, 111, 0, 0.55);
    border-radius: 999px;
    border: 2px solid #05060a;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--accent-blue);
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--accent-blue) #05060a;
}