/* Luxury theme overrides (activate by adding `luxury` class to ) */ body.luxury { --warm-bg: linear-gradient(180deg, #0b0a0c 0%, #150f12 60%); --surface: rgba(20,14,16,0.65); --text-dark: #f8efe6; --text-mid: #edd9b7; --text-light: rgba(237,217,183,0.7); --plum: #2b0b12; --rose: #e8a4b8; --gold: #E6C86D; --shadow-sm: 0 8px 40px rgba(0,0,0,0.6); --shadow-md: 0 18px 80px rgba(0,0,0,0.7); --shadow-lg: 0 28px 90px rgba(0,0,0,0.7); --radius: 16px; } body.luxury .navbar { background: linear-gradient(90deg, rgba(10,8,10,0.7), rgba(20,12,15,0.6)); border-bottom: 1px solid rgba(230,200,120,0.06); } body.luxury .logo-glow { color: var(--gold); text-shadow: 0 6px 30px rgba(230,200,120,0.06); } body.luxury .nav-link { color: var(--text-light); } body.luxury .btn-primary { background: linear-gradient(135deg, #3a1b24 0%, #6b2d4e 100%); box-shadow: 0 12px 40px rgba(0,0,0,0.7); } body.luxury .btn-gold, body.luxury .featured-badge, body.luxury .best-badge { background: linear-gradient(90deg, #F6E4B3, #E6C86D); color: #291b14; } body.luxury .hero-headline { color: #fff; text-shadow: 0 14px 40px rgba(0,0,0,0.6); } body.luxury .product-card { background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01)); border: 1px solid rgba(230,200,120,0.06); box-shadow: var(--shadow-md); } body.luxury .product-card .card-title { color: var(--text-dark); } body.luxury .product-card:hover { transform: translateY(-8px) scale(1.01); box-shadow: 0 30px 80px rgba(0,0,0,0.7); border-color: rgba(230,200,120,0.12); } body.luxury .badge-best, body.luxury .badge-new { background: linear-gradient(90deg,#E6C86D,#F9EFC7); color:#2b1210; font-weight:800; } body.luxury .announcement-bar { background: linear-gradient(90deg,#1b0b0f 0%, #2b0b12 100%); color:#FBEFD7; } body.luxury .hero-bg-layer { filter: brightness(0.7) saturate(1.1); } body.luxury .glass-card { background: rgba(20,14,16,0.5); border: 1px solid rgba(230,200,120,0.06); } body.luxury .shimmer-gold-text { background-clip: text; -webkit-background-clip: text; color: transparent; background: linear-gradient(90deg,#F9EFC7,#E6C86D); } body.luxury footer, body.luxury .mobile-bottom-nav { background: rgba(8,6,8,0.6); color: var(--text-light); border-top: 1px solid rgba(230,200,120,0.04); } body.luxury, body { transition: background 0.45s ease, color 0.35s ease; }