:root {
    --main-color: #233a74;
    --secondary-color: #233a74;
    --background: #FFFFFF;
}

.headers{
    background: var(--main-color);
}

.buttons {
    background-color: var(--main-color);
    color: #fefefe;
}

.nav_links .nav-link {
    color: var(--background);
    font-weight: 700;
}

.nav_links .nav-link:hover {
    background-color: var(--background);
    color: var(--main-color);
    font-weight: 700;
    border-radius: 0.375rem;
}

.nav_links .nav-link.active {
    background-color: var(--background);
    color: #fff;
    font-weight: bold;
}

.nav_bar {
    background-color: var(--main-color);
}

.humburger{
    background-color: var(--background);
    font-weight: 700;
}

.humburger:hover {
    border: 2px solid var(--background);
    color: var(--background);
}

.category_selected {
    background-color: var(--main-color);
    color: white;
    font-weight: 700;
}

.category_no_selected {
    border-color: var(--main-color);
    color: var(--main-color);
    font-weight: 700;
}

.category_no_selected:hover {
    background-color: #233a74;
    color: white;
}

.button_create,
.button_update {
    background-color: var(--main-color);
    color: #fff;
    font-weight: 700;
    border: 2px solid var(--main-color);
}

.button_create:hover,
.button_update:hover{
    border-color: var(--main-color);
    border: solid 2px;
}

.button_delete {
    background-color: var(--secondary-color);
    color: white;
    font-weight: 700;
    border: 2px solid var(--secondary-color);
}

.button_delete:hover {
    border: solid 2px;
    border-color: var(--secondary-color);
}

.table {
    background: var(--background) !important;
}

.food_card {
    border: solid 2px var(--main-color);
}

.feedback_form {
    background-color: var(--main-color);
    color: var(--background);
}

.button_feedback {
    background-color: var(--background);
    border: 2px solid var(--background);
}

.button_feedback:hover {
    border: 2px solid var(--background);
}

.mobile_footer {
    background-color: var(--main-color);
    color: var(--background);
}

.mobile_footer a {
    color: var(--background);
}