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

:root {
    --main-background: #323b28; /* charcoal #323b28 */
    --main-title: #d5a463; /* camel #d5a463*/
    
    --title-background: #4a0f02;
    --title-background-hover: #cc5c0d; /* rust orange */
    --title2-background: #4b2602;
    --title3-background: #384b02;
    --title4-background: #aa2205;
    
    --user-bar-background: #dcaf91;
    --filter-background: #507c85; /* #566b5c */
    --favorite-background: #6b5086;
    --filter-text: #080b12;
    --favorite-text: #3B2A12;
    --each-card-background: #afb798; /* bland */
    --card-hover-background: #6b7285;
    --card-modal-background: #d5d7dd;
}
/* --------------------------------------------------------------- */
body {
    background: var(--main-background);
}

.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;
    height: 200px;
}

.app-page-h1 {
    font-size: 2.5rem;
}



@media (max-width: 768px) {
    #header-image {
        height: 150px;
    }
    
    .app-page-h1 {
        font-size: 2rem;
    }
}