:root {
    /* Primary Colors */
    --color-primary_color-50: #f3f5f0;
    --color-primary_color-100: #e5e8df;
    --color-primary_color-200: #ced3c3;
    --color-primary_color-300: #afb79f;
    --color-primary_color-400: #939d7e;
    --color-primary_color-500: #768161;
    --color-primary_color-600: #5b654b;
    --color-primary_color-700: #4f5742;
    --color-primary_color-800: #3c4133;
    --color-primary_color-900: #35392e;
    --color-primary_color-950: #1a1d16;

    --color-secondary_color-50: #ffefef;
    --color-secondary_color-100: #ffdcdc;
    --color-secondary_color-200: #ffbfbf;
    --color-secondary_color-300: #ff9292;
    --color-secondary_color-400: #ff5454;
    --color-secondary_color-500: #db0000;
    --color-secondary_color-600: #ff0000;
    --color-secondary_color-700: #db0000;
    --color-secondary_color-800: #c10000;
    --color-secondary_color-900: #940808;
    --color-secondary_color-950: #520000;
}

html,
body,
main {
    /* color: #555 !important; */
}

::selection {
    background-color: var(--color-primary_color-700);
    color: white;
}

.navigation-bcg {
    background-color: black !important;
    border-color: transparent !important;
}

.navigation-menu a,
.navigation-user a,
.navigation-user svg,
.navigation-user span,
.navigation-user div {
    color: rgba(255, 255, 255, 0.7) !important;
}