/* Warm Terracotta theme (activate by adding `luxury` class to ) */ body.luxury { --warm-bg: linear-gradient(180deg, #1A0F0A 0%, #2C1810 60%); --surface: rgba(44,24,16,0.65); --text-dark: #F5EDE3; --text-mid: #D4C5B5; --text-light: rgba(180,160,145,0.7); --plum: #5C1A1A; --rose: #C2856B; --gold: #C4A35A; --olive: #5B7B4F; --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(26,15,10,0.7), rgba(44,24,16,0.6)); border-bottom: 1px solid rgba(196,163,90,0.08); } body.luxury .logo-glow { color: var(--gold); text-shadow: 0 6px 30px rgba(196,163,90,0.08); } body.luxury .nav-link { color: var(--text-light); } body.luxury .btn-primary { background: linear-gradient(135deg, #8B3A3A 0%, #B05A4A 100%); box-shadow: 0 8px 28px rgba(139,58,58,0.45); color: #fff; } body.luxury .btn-primary:hover { background: linear-gradient(135deg, #9B4040 0%, #C06A5A 100%); box-shadow: 0 12px 36px rgba(139,58,58,0.6); } body.luxury .card-add-btn { background: linear-gradient(135deg, #8B3A3A, #B05A4A); box-shadow: 0 6px 22px rgba(139,58,58,0.4); color: #fff; } body.luxury .card-add-btn:hover { box-shadow: 0 10px 30px rgba(139,58,58,0.55); } body.luxury .card-details-link { color: var(--gold); text-decoration: underline; } body.luxury .card-details-link:hover { color: #E6D4A8; } body.luxury .btn-gold, body.luxury .featured-badge, body.luxury .best-badge { background: linear-gradient(90deg, #E6D4A8, #C4A35A); color: #2C1810; } 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(196,163,90,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(196,163,90,0.12); } body.luxury .badge-best, body.luxury .badge-new { background: linear-gradient(90deg,#C4A35A,#E6D4A8); color:#2C1810; font-weight:800; } body.luxury .announcement-bar { background: linear-gradient(90deg,#2C1810 0%, #5C1A1A 100%); color:#F5EDE3; } body.luxury .hero-bg-layer { filter: brightness(0.7) saturate(1.1); } body.luxury .glass-card { background: rgba(44,24,16,0.5); border: 1px solid rgba(196,163,90,0.06); } body.luxury .shimmer-gold-text { background-clip: text; -webkit-background-clip: text; color: transparent; background: linear-gradient(90deg,#E6D4A8,#C4A35A); } body.luxury .qv-card { background: #2C1810; border: 1px solid rgba(196,163,90,0.14); } body.luxury .qv-title { color: var(--text-dark); } body.luxury .qv-desc { color: var(--text-light); } body.luxury .qv-cat { background: rgba(196,163,90,0.12); color: var(--gold); } body.luxury .qv-price { color: #7de89a; } body.luxury .qv-close { background: rgba(255,255,255,0.08); color: var(--text-light); } body.luxury .qv-add-btn { background: linear-gradient(135deg, #8B3A3A, #B05A4A); box-shadow: 0 6px 22px rgba(139,58,58,0.45); } body.luxury footer, body.luxury .mobile-bottom-nav { background: rgba(26,15,10,0.6); color: var(--text-light); border-top: 1px solid rgba(196,163,90,0.04); } body.luxury, body { transition: background 0.45s ease, color 0.35s ease; }