:root { 
    --primary-dark: #1a0f0a; 
    --nav-dark: #140b06; 
    --gold: #c89b3c; 
    --gold-hover: #e6b74e; 
}
body { font-family: 'Lora', serif; background-color: #fff; color: #333; overflow-x: hidden; }

.font-cinzel { font-family: 'Cinzel', serif; }
.font-lora { font-family: 'Lora', serif; }
.signature-font { font-family: 'Brush Script MT', cursive; }
.text-gold { color: var(--gold) !important; }
.tracking-wider { letter-spacing: 2px; }

/* Buttons */
.btn-gold { background-color: var(--gold); color: var(--primary-dark); font-weight: 600; font-family: 'Cinzel', serif; border: none; transition: 0.3s; }
.btn-gold:hover { background-color: var(--gold-hover); box-shadow: 0 4px 15px rgba(200, 155, 60, 0.4); color: var(--primary-dark); }
.btn-outline-gold { border: 1px solid var(--gold); color: var(--gold); background: transparent; transition: 0.3s; }
.btn-outline-gold:hover { background-color: var(--gold); color: var(--primary-dark); }
.btn-outline-light { border-color: #ccc; color: #fff; }

/* Navigation */
.topbar { background-color: #0d0704; font-size: 0.85rem; padding: 8px 0; border-bottom: 1px solid rgba(200, 155, 60, 0.1); color: #a09e9c; }
.navbar { background-color: var(--nav-dark); padding: 15px 0; }
.nav-link { color: #d1cbc5 !important; font-family: 'Cinzel', serif; font-size: 0.9rem; text-transform: uppercase; margin: 0 8px; transition: 0.3s; }
.nav-link:hover, .nav-link.active { color: var(--gold) !important; }

/* Hover Effects */
.hover-gold { transition: 0.3s; }
.hover-gold:hover { color: var(--gold) !important; }
.hover-up { transition: all 0.3s ease; }
.hover-up:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; border-color: var(--gold) !important; }
.hover-gold-border { transition: 0.3s; border: 1px solid #dee2e6; }
.hover-gold-border:hover { border-color: var(--gold) !important; transform: translateY(-3px); }
.border-gold-opacity { border: 1px solid rgba(200, 155, 60, 0.3) !important; transition: 0.3s; }
.hover-gold-bg:hover { background-color: rgba(200, 155, 60, 0.1); border-color: var(--gold) !important; }

.whatsapp-float { position: fixed; bottom: 30px; right: 30px; background-color: #25D366; color: #FFF; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 4px 15px rgba(0,0,0,0.3); z-index: 9999; text-decoration: none; transition: 0.3s; }
.whatsapp-float:hover { transform: scale(1.1); color: #fff; }

.cart-sidebar { position: fixed; top: 0; right: -350px; width: 350px; height: 100vh; background: var(--primary-dark); color: #fff; z-index: 1050; transition: right 0.3s ease; border-left: 1px solid var(--gold); display: flex; flex-direction: column; }
.cart-sidebar.open { right: 0; }