/* ================================================ ShaadiGujarat — Color Palette Options Apply ONE palette class to tag ================================================ Usage: Default (no class) → Royal Maroon & Gold → Emerald & Champagne → Deep Navy & Rose Gold → Sangria & Pearl Gold ================================================ */ /* ── PALETTE 1: EMERALD & CHAMPAGNE ────────────── Sophisticated, nature-inspired, premium feel. Great for couples who want an elegant, fresh look. ─────────────────────────────────────────────── */ body.palette-emerald { --primary: #1A6B4A; --primary-dk: #0F4A30; --primary-lt: #288C60; --accent: #C9B46A; --accent-lt: #E8D89A; --accent-dk: #A09040; --bg: #F4F8F5; --bg-white: #FFFFFF; --text: #1A2218; --text-muted: #5A6B5E; --border: rgba(201,180,106,0.22); --border-light: rgba(201,180,106,0.12); --shadow-sm: 0 4px 16px rgba(15,74,48,0.08); --shadow-md: 0 10px 36px rgba(15,74,48,0.13); --shadow-lg: 0 20px 60px rgba(15,74,48,0.17); } body.palette-emerald .hero-section, body.palette-emerald .how-section { background: #0F4A30; } body.palette-emerald .section-title em { color: #1A6B4A; } body.palette-emerald .sg-footer { background: #0a1f12; } body.palette-emerald .footer-brand-name { color: #288C60 !important; } /* ── PALETTE 2: DEEP NAVY & ROSE GOLD ──────────── Ultra premium, corporate-wedding, luxury events. Deep trustworthy navy with warm rose gold accents. ─────────────────────────────────────────────── */ body.palette-navy { --primary: #1B2A5C; --primary-dk: #0F1A3E; --primary-lt: #2A3F82; --accent: #C8956C; --accent-lt: #E8BEA8; --accent-dk: #A06840; --bg: #F5F6FA; --bg-white: #FFFFFF; --text: #1A1E2E; --text-muted: #5E6580; --border: rgba(200,149,108,0.22); --border-light: rgba(200,149,108,0.12); --shadow-sm: 0 4px 16px rgba(15,26,62,0.08); --shadow-md: 0 10px 36px rgba(15,26,62,0.13); --shadow-lg: 0 20px 60px rgba(15,26,62,0.18); } body.palette-navy .hero-section, body.palette-navy .how-section { background: #0F1A3E; } body.palette-navy .hero-pattern { background: radial-gradient(ellipse at 15% 50%, rgba(200,149,108,0.14) 0%, transparent 55%), radial-gradient(ellipse at 85% 15%, rgba(200,149,108,0.08) 0%, transparent 45%); } body.palette-navy .section-title em { color: #1B2A5C; } body.palette-navy .city-overlay { background: linear-gradient(to top, rgba(15,26,62,0.88) 0%, rgba(15,26,62,0.15) 65%, transparent 100%); } body.palette-navy .sg-footer { background: #090d1e; } body.palette-navy .footer-brand-name { color: #2A3F82 !important; } body.palette-navy .sg-navbar { background: rgba(245,246,250,0.95) !important; } body.palette-navy .step-num { background: rgba(200,149,108,0.14); border-color: rgba(200,149,108,0.4); color: var(--accent); } /* ── PALETTE 3: SANGRIA & PEARL GOLD ───────────── Deep jewel tones, traditional Indian richness. Best for websites targeting traditional Gujarati families who love bold, vibrant celebrations. ─────────────────────────────────────────────── */ body.palette-sangria { --primary: #7B1450; --primary-dk: #520D36; --primary-lt: #A01A6A; --accent: #D4AF60; --accent-lt: #ECD898; --accent-dk: #A88030; --bg: #FBF6F9; --bg-white: #FFFFFF; --text: #1E1018; --text-muted: #6B5862; --border: rgba(212,175,96,0.22); --border-light: rgba(212,175,96,0.12); --shadow-sm: 0 4px 16px rgba(82,13,54,0.08); --shadow-md: 0 10px 36px rgba(82,13,54,0.13); --shadow-lg: 0 20px 60px rgba(82,13,54,0.17); } body.palette-sangria .hero-section, body.palette-sangria .how-section { background: #3A0826; } body.palette-sangria .hero-pattern { background: radial-gradient(ellipse at 15% 50%, rgba(212,175,96,0.14) 0%, transparent 55%), radial-gradient(ellipse at 85% 15%, rgba(212,175,96,0.08) 0%, transparent 45%), radial-gradient(ellipse at 70% 85%, rgba(82,13,54,0.5) 0%, transparent 50%); } body.palette-sangria .section-title em { color: #7B1450; } body.palette-sangria .city-overlay { background: linear-gradient(to top, rgba(82,13,54,0.9) 0%, rgba(82,13,54,0.15) 65%, transparent 100%); } body.palette-sangria .cp-ahm { background: linear-gradient(135deg, #D4956C, #8B4830); } body.palette-sangria .cp-sur { background: linear-gradient(135deg, #9B78A8, #6A4878); } body.palette-sangria .sg-footer { background: #1a0510; } body.palette-sangria .footer-brand-name { color: #A01A6A !important; } body.palette-sangria .step-num { background: rgba(212,175,96,0.14); border-color: rgba(212,175,96,0.4); color: var(--accent); } /* ================================================ SWITCHING GUIDE ───────────────── In header.php change: Default: Emerald (Green & Champagne): Navy (Dark Blue & Rose Gold): Sangria (Deep Pink & Pearl Gold): ================================================ */