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

:root {
    /* Color */
    --main-bg-color: #0D0D0D;
    --discord-join: 139, 174, 102, 0.35;

    /* Blå accent til dashboard */
    --accent-blue: #628141;
    --accent-blue-soft: rgba(139, 174, 102, 0.12);

    /* Gradient */
    --servername-gradient: #8bae66, #628141;

    /* Hover */
    --discord-join-hover: 139, 174, 102, 0.8;
    --primary-button-hover: #8bae66;

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

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

/* Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 8px;                 /* tykkelse på scrollbar */
    height: 8px;                /* til vandret scrollbars */
}

::-webkit-scrollbar-track {
    background: #05060a;        /* mørk baggrund, matcher siderne */
}

::-webkit-scrollbar-thumb {
    background: rgba(139, 174, 102, 0.55);   /* blå accent */
    border-radius: 999px;
    border: 2px solid #05060a;              /* giver “pill” look */
}

::-webkit-scrollbar-thumb:hover {
    background: var(--accent-blue);         /* fuld blå på hover */
}

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