h1,
footer,
.accordion-button, .website-btn{
    font-family: "Fraunces", serif;
}

p,
.navbar,
h6,
.accordion-body,
.nav-head, .coffee-badge{
    font-family: "Montserrat", sans-serif;
}

.navbar-body,
.footer-bar {
    background-color: #D0D8C5;
}

.intro-box {
    background-color: #fcf8f2;
}

body {
    background-color: #f5ebe0;
    background-image: linear-gradient(180deg, #f5ebe0 0%, #ddc8b4 100%);
    background-attachment: fixed;
    min-height: 100vh;
}

.accordion-button {
    font-weight: 600;
}

.accordion-button,
.accordion-button:not(.collapsed) {
    color: #000000;
}

.accordion-button:not(.collapsed) {
    background-color: #d0b8a0;
}

.accordion-button:focus {
    border-color: #d0b8a0;
}

.accordion-collapse.show .accordion-body .collapsing {
    background-color: #fcf8f2;
}

.shop-image {
    width: 250px;
    height: 250px;
    object-fit: cover;
    border-radius: 8px;
}

.coffee-badge {
    background-color: #D0D8C5;
    color: #3b2b22;
}

.navbar .nav-link.active {
    font-weight: 700;
} 
.website-btn {
    background-color: #d0b8a0;
    color: #000000;
    border: none;
}

.website-btn:hover {
    background-color: #D0D8C5;
    color: #000000;
}

@media screen and (max-width: 576px) {
    .shop-image {
        width: 100%;
        max-width: 200px;
        height: 200px;
        object-fit: cover;
    }
}