:root {
    --color-primary_color-50: #f0f9ff;
    --color-primary_color-100: #dff3ff;
    --color-primary_color-200: #b9e8fe;
    --color-primary_color-300: #7bd7fe;
    --color-primary_color-400: #34c3fc;
    --color-primary_color-500: #006ca1;
    --color-primary_color-600: #008acb;
    --color-primary_color-700: #006ca1;
    --color-primary_color-800: #055d87;
    --color-primary_color-900: #0a4d70;
    --color-primary_color-950: #07314a;

    --color-secondary_color-50: #fff2f1;
    --color-secondary_color-100: #ffe3e1;
    --color-secondary_color-200: #ffccc8;
    --color-secondary_color-300: #ffa8a1;
    --color-secondary_color-400: #fe766b;
    --color-secondary_color-500: #dd291a;
    --color-secondary_color-600: #dd291a;
    --color-secondary_color-700: #c02215;
    --color-secondary_color-800: #9f2015;
    --color-secondary_color-900: #842018;
    --color-secondary_color-950: #480c07;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /* font-style: normal; */
}

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

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

/* .navigation-bcg {
    background-color: var(--color-primary_color-500) !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;
} */