:root {

    /* ? Spacing */

    --sp-0: 0rem;
    --sp-1: 0.25rem;
    --sp-2: 0.5rem;
    --sp-3: 1rem;
    --sp-4: 1.5rem;
    --sp-5: 2rem;
    --sp-6: 2.5rem;
    --sp-7: 3rem;
    --sp-8: 3.5rem;
    --sp-9: 4rem;
    --sp-10: 4.5rem;

    /* ? Text colors */

    --text-warning-clr: #9c3436;
    --text-success-clr: #4c956c;
    --text-issue-clr: #ea8c55;
    --text-light-clr: #85858f;
    --text-very-light-clr: #ffffff;

    /* ? Body & links style */

    --body-bg: #141419;
    --body-clr: #ffffff;
    --link-hover-clr: #b90d80;

    /* ? Backgrounds */

    --box-light-bg: #262630;
    --box-reset-bg: #1c1c24;
    --box-dark-bg: #141418;
    --box-default-bg: #1b1b21;
    --box-border-clr: #24262b;
    --box-icon-bg: #24262b;
    --box-icon-clr: #83838b;
    --box-icon-border: #2f2f38;
    --box-read-more-bg: #1c1c24;
    --box-read-more-border: #262630;
    --box-read-more-hover-bg: #9e0059;
    --box-read-more-hover-border: #c70071;

    /* ? Badges */

    --badge-blue-bg: rgba(3, 83, 164, 0.2);
    --badge-blue-clr: rgb(3, 83, 164);
    --badge-orange-bg: rgba(231, 111, 81, 0.2);
    --badge-orange-clr: rgb(231, 111, 81);
    --badge-red-bg: rgba(249, 65, 68, 0.2);
    --badge-red-clr: rgb(249, 65, 68);
    --badge-green-bg: rgba(42, 145, 52, 0.2);
    --badge-green-clr: rgb(42, 145, 52);
    --badge-gejm-bg: rgba(158, 0, 89, 0.2);
    --badge-gejm-clr: rgb(158, 0, 89);

    /* ? Announcements */

    --announcement-blue-bg: rgb(3, 83, 164);
    --announcement-orange-bg: rgb(231, 111, 81);
    --announcement-red-bg: rgb(249, 65, 68);
    --announcement-green-bg: rgb(42, 145, 52);
    --announcement-gejm-bg: rgb(158, 0, 89);

    /* ? Layout */

    --layout-container: 1550px;

    /* ? Header */

    --header-topbar-bg: #1b1b21;
    --header-nav-hover-bg: #9a1b7c;
    --dropdown-bg: #262630;
    --dropdown-clr: #85858f;

    /* ? Login */

    --login-button-bg: #8a136e;
    --login-button-hover-bg: #7a1062;

    /* ? Loader */

    --loader-bg: #1b1b21;
    --loader-border-clr: #31313e;
    --loader-border-content-clr: #b90d80;

    /* ? Serverlist */

    --server-item-bg: var(--box-light-bg);
    --server-item-border: #31313e;
    --server-item-icon-bg: var(--box-default-bg);
    --server-progress-bg: var(--box-default-bg);
    --server-progress-bg-2: #b90d80;
    --server-text-clr: #686873;
    --server-btn-bg: #1b1b21;
    --server-btn-clr: #e7e7f3;
    --server-btn-hover-bg: #9c1a7c;

    /* ? Sidebar */

    --sidebar-bg: var(--box-light-bg);

    /* * Custom Vars */

    --selection-bg: rgba(185, 13, 128, 0.3);
    --selection-clr: rgb(185, 13, 128);

    --discord-button-bg: #7289da;
    --discord-button-hover-bg: #5d73c2;

    /* * Footer */

    --footer-bg-1: #1b1b21;
    --footer-bg-2: #262630;
    --footer-bg-2-color: #85858f;
    --footer-link-before-shadow: 185, 13, 128;

    --socialmedia-discord: #7289da;
    --socialmedia-twitter: #1d9bf0;
    --socialmedia-facebook: #0269e3;
    --socialmedia-steam: #171a21;
    --socialmedia-instagram: #bc2a8d;

}