/* -----------------------------Theme----------------------------- */

:root {
    --main-background: #323b28; /* charcoal */
    --main-title: #d5a463; /* camel */
    --title-background: #aa2205; /* rust red */
    --title-background-hover: #cc5c0d; /* rust orange */
    --user-bar-background: #dcaf91;
    --filter-background: #566b5c;
    --filter-text: #080b12;
    --favorite-text: #3B2A12;
    --each-card-background: #afb798; /* bland */
    --card-hover-background: #6b7285;
    --card-modal-background: #d5d7dd;
}
/* --------------------------------------------------------------- */


.logo-container .site-name {
    color: var(--main-title);
}

nav ul li a {
    color: var(--main-title);
}

nav ul li a:hover {
    color: var(--title-background-hover);
}

#header-image {
    color: black;
}

.page-container-with-sidebar {
    display: flex;
    align-items: flex-start;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding-top: 60px;
    background: inherit;
    position: relative;
    min-height: 100vh;
}

.app-version {
    font-family: "Welcome-Bold", sans serif;
    font-size: 2rem;
    color: var(--main-title);
    font-weight: bold;
    text-align: center;
    padding: 10px;
}

.app-h2 {
    font-family: "Welcome-Bold", sans serif;
    font-size: 2rem;
    color: var(--main-title);
    background: #aa2205;
    text-align: left;
    padding: 6px 14px;
    border-radius: 8px;
}