:root {
            --sip-brown: #3a2e26;
            --sip-gold: #b8945a;
            --sip-bg: #faf7f2;
        }
        body { font-family: 'DM Sans', sans-serif; background: var(--sip-bg); color: #2a2520; }
        .serif { font-family: 'Cormorant Garamond', serif; }
        
        /* Navbar Custom */
        .navbar { background: white; border-bottom: 1px solid #eee; padding: 15px 40px; }
        .navbar-brand { font-size: 28px; letter-spacing: 2px; color: var(--sip-brown) !important; }
        
        /* Hero */
        .hero { height: 60vh; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; }
        .hero h1 { font-size: 64px; font-weight: 300; }

        /* Filter Buttons */
        .filter-btn { border: 1px solid #ddd; background: white; font-size: 13px; transition: 0.3s; }
        .filter-btn.active { background: var(--sip-brown); color: white; border-color: var(--sip-brown); }

        /* Drink Card */
        .card-drink { border: 1px solid #eee; padding: 20px; background: white; transition: 0.3s; height: 100%; }
        .card-drink:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.05); }
        .drink-emoji { font-size: 40px; margin-bottom: 10px; }
        .drink-title { font-size: 22px; margin-bottom: 8px; }
        .btn-add { border: 1px solid var(--sip-brown); background: transparent; color: var(--sip-brown); padding: 5px 15px; }
        .btn-add:hover { background: var(--sip-brown); color: white; }

        .cart-badge { background: var(--sip-gold); font-size: 10px; }
        .toast-container { z-index: 1100; }