:root {
    --brand-dark: #2c1810;
    --brand-accent: #c9853a;
    --brand-cream: #fbf6ee;
}

body {
    font-family: 'Poppins', sans-serif;
    background-color: var(--brand-cream);
    color: #2c1810;
}

h1, h2, h3, .navbar-brand {
    font-family: 'Playfair Display', serif;
}

.navbar {
    background-color: var(--brand-dark);
}

.navbar-brand span {
    color: var(--brand-accent);
    font-weight: 600;
}

.hero {
    background: linear-gradient(rgba(44,24,16,.65), rgba(44,24,16,.65)),
        url('https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=1600&q=60') center/cover no-repeat;
    color: #fff;
    padding: 100px 0;
    text-align: center;
}

.hero h1 {
    font-size: 3rem;
    font-weight: 700;
}

.btn-brand {
    background-color: var(--brand-accent);
    color: #fff;
    border: none;
}

.btn-brand:hover {
    background-color: #b06f2c;
    color: #fff;
}

.card-menu {
    border: none;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0,0,0,.08);
    transition: transform .2s ease;
    height: 100%;
}

.card-menu:hover {
    transform: translateY(-4px);
}

.card-menu img {
    height: 180px;
    object-fit: cover;
}

.price-tag {
    color: var(--brand-accent);
    font-weight: 600;
    font-size: 1.1rem;
}

footer {
    background-color: var(--brand-dark);
    color: #f1e8dc;
}

footer h5 {
    color: var(--brand-accent);
}

#cart-badge {
    font-size: .65rem;
}