/* ========================================================
   Cafeku Landing — cozy warm cafe vibes
   ======================================================== */
:root {
    --primary: #8B4513;
    --primary-dark: #5a2e0c;
    --accent: #D4A373;
    --light-brown: #f9f4ee;
}

body {
    font-family: 'Playfair Display', Georgia, serif;
    color: #2d2d2d;
}
h1, h2, h3, h5, .navbar-brand, .btn { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }

/* ===== Nav ===== */
.navbar-blur {
    background: rgba(255,255,255,0.85);
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 20px rgba(0,0,0,0.05);
}
.navbar-blur .nav-link { color: #2d2d2d !important; font-weight: 500; }
.navbar-blur .nav-link:hover { color: var(--primary) !important; }

/* ===== Hero ===== */
.hero {
    min-height: 92vh;
    background:
        linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)),
        url("https://images.unsplash.com/photo-1442512595371-bc780f8b7f5d?w=1920&q=80") center/cover no-repeat;
    display: flex; align-items: center;
}
.hero-badge {
    display: inline-block;
    padding: .5rem 1.2rem;
    background: rgba(212,163,115,0.2);
    border: 1px solid var(--accent);
    border-radius: 50px;
    color: var(--accent);
    font-size: .85rem;
}
.bg-light-brown { background: var(--light-brown); }

/* ===== Menu cards ===== */
.menu-card {
    transition: all .25s;
    border-radius: 14px;
}
.menu-card:hover { transform: translateY(-5px); box-shadow: 0 .8rem 1.5rem rgba(0,0,0,.1) !important; }
.menu-card .price { color: var(--primary); font-weight: 700; font-size: 1.05rem; }

/* ===== About ===== */
.about-card { background: var(--light-brown); }

/* ===== Badge categories ===== */
.badge-coffee     { background: #8B4513; color: #fff; }
.badge-non-coffee { background: #D4A373; color: #2d2d2d; }
.badge-food       { background: #C9302C; color: #fff; }
.badge-snack      { background: #FFA500; color: #2d2d2d; }
.badge-dessert    { background: #6F4E37; color: #fff; }