body {
    background-color: #fcf8ee;
}

.c-navbar {
    background-color: #fffddb;
    border-bottom: 1px solid;
}

.dark-mode .c-navbar, .dark-mode .table {
    background-color: #292929;
    color: white;
}

#c-block-content, .c-footer-text {
    margin-left: 20px;
    margin-right: 20px;
}

.pad-right {
    padding-right: 20px;
}

.dark-mode {
    background-color: #3d3d3d;
    color: white;
}

#alerts {
    margin-left: 10px;
    margin-right: 10px;
}

.dark-mode .accordion-button {
    background-color: #292929;
    color: white;
    border-color: blue;
}

.dark-mode .accordion-body {
    background-color: #3d3d3d;
    color: white;
}

.dark-mode .tab {
    color: #c8c8c8;
}

.dark-mode .active-dark {
    background-color: #292929;
    border-color: grey;
}

.monospace {
    font-family: monospace;
}

.meal-ingredient-list {
    border-style: solid;
    padding: 15px;
}

.meal-ingredient-list-dark {
    border-style: solid;
    border-color: grey;
    padding: 15px;
}