/* ========================================================= Nitya & Aziz - themes.css Per-event "worlds". Each class sets the palette vars. Applied to: the .scene (for its content) AND to by main.js as you scroll (so nav, sky & particles follow). Sky gradients are composed in JS from --bg-1/2/3. ========================================================= */ /* Default / hero: ivory & gold (matches the ceremony card) */ .t-ivory { --bg-1: #FCF8EF; --bg-2: #F6ECD6; --bg-3: #E6CB86; --accent: #7E1C1C; --accent-2: #BD9540; --on: #3A2C20; --on-soft: #7A6451; --card: rgba(255,255,255,0.55); --card-line: rgba(126,28,28,0.14); --chip-bg: rgba(126,28,28,0.10); --leaf: #2E6B4F; } /* 01 · Haldi: Sunlit turmeric (light, warm, daytime) */ .t-haldi { --bg-1: #F7DE94; --bg-2: #FFF7DA; --bg-3: #F4B731; --accent: #B5611A; --accent-2: #E0A019; --on: #5A3A0E; --on-soft: #8C6A33; --card: rgba(255,255,255,0.52); --card-line: rgba(160,95,20,0.20); --chip-bg: rgba(224,160,25,0.18); --leaf: #6E8B2A; } /* 02 · Mehendi: Midnight henna (dark, purple, party) */ .t-mehendi { --bg-1: #190E2C; --bg-2: #3A1E55; --bg-3: #7A2E92; --accent: #ECBFFF; --accent-2: #E7C879; --on: #F3E9FF; --on-soft: #C8B0DE; --card: rgba(255,255,255,0.07); --card-line: rgba(231,200,121,0.30); --chip-bg: rgba(231,200,121,0.16); --leaf: #9FE6B8; } /* 03 · Pellikuthuru: Temple tradition (warm, sacred, daytime) */ .t-pellikuthuru { --bg-1: #F2D49C; --bg-2: #FBEFCF; --bg-3: #C9842B; --accent: #7E1C1C; --accent-2: #AE761C; --on: #4A2A12; --on-soft: #876344; --card: rgba(255,255,255,0.50); --card-line: rgba(126,28,28,0.16); --chip-bg: rgba(126,28,28,0.10); --leaf: #5C7A24; } /* 04 · Cocktail: Golden-hour harbor (deep teal + champagne) */ .t-cocktail { --bg-1: #0A363F; --bg-2: #12525E; --bg-3: #D9B257; --accent: #F2DBA1; --accent-2: #E9C877; --on: #EDF7F5; --on-soft: #A9C9C7; --card: rgba(255,255,255,0.08); --card-line: rgba(233,200,119,0.32); --chip-bg: rgba(233,200,119,0.16); --leaf: #7FD0C4; } /* 05 · Wedding: Sacred grove (ivory/gold/emerald, grand) */ .t-wedding { --bg-1: #EFE2C0; --bg-2: #FBF7EC; --bg-3: #D9B65C; --accent: #7E1C1C; --accent-2: #A8801F; --on: #3A2C20; --on-soft: #79634E; --card: rgba(255,255,255,0.56); --card-line: rgba(126,28,28,0.14); --chip-bg: rgba(46,107,79,0.12); --leaf: #2E6B4F; } /* 06 · Reception: Black & crimson glam (dark, dramatic, night) */ .t-reception { --bg-1: #08050A; --bg-2: #1C0A10; --bg-3: #5E0F1A; --accent: #FF3B4E; --accent-2: #E7C879; --on: #F7EDED; --on-soft: #CBA6A6; --card: rgba(255,255,255,0.05); --card-line: rgba(231,200,121,0.26); --chip-bg: rgba(255,59,78,0.15); --leaf: #FF6B7A; } /* Liberty: Boston / America 250 (navy, cream, gold + red accents) */ .t-liberty { --bg-1: #0A2240; --bg-2: #15365E; --bg-3: #7C2233; --accent: #ECDBA8; --accent-2: #D9B65C; --on: #E9EFF7; --on-soft: #A8BAD2; --card: rgba(255,255,255,0.06); --card-line: rgba(217,182,92,0.30); --chip-bg: rgba(217,182,92,0.16); --leaf: #C03040; } /* Harbor Dusk: Boston city guide (deep navy + warm copper/gold) */ .t-harbor { --bg-1: #151E2B; --bg-2: #1E2B3A; --bg-3: #C4875B; --accent: #E8CFA0; --accent-2: #C4875B; --on: #EDE8DF; --on-soft: #8FA3B8; --card: rgba(255,255,255,0.05); --card-line: rgba(232,207,160,0.14); --chip-bg: rgba(196,135,91,0.14); --leaf: #C4875B; }