@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 {
    /* Color */
    --main-bg-color: #0D0D0D;

    /* NY main grøn (rgb + alpha) */
    --discord-join: 2, 207, 92, 0.35;

    /* Accent (mørkere grøn til hover/kontrast) */
    --accent-blue: #019643; /* mørkere variant der matcher #02cf5c */
    --accent-blue-soft: rgba(2, 207, 92, 0.12);

    /* Gradient */
    --servername-gradient: #02cf5c, #019643;

    /* Hover */
    --discord-join-hover: 2, 207, 92, 0.8;
    --primary-button-hover: #02cf5c;

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

/* ===================== */
/* Global custom scrollbar */
/* ===================== */

/* Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

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

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

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

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