/* ===================================================================== HINDU MAHA YAGNAM — Theme Palettes Each theme overrides the color tokens defined in style.css :root. Applied via set from the admin "site_theme" setting. Fonts, radii and layout stay constant — only the palette changes. ===================================================================== */ /* -------- 1. Temple Maroon & Gold (default) -------- The classic look; also the :root fallback in style.css. Listed here so admin preview swatches have a source of truth. */ :root[data-theme="temple"]{ --maroon: #3d0d0d; --maroon-rgb: 61,13,13; --maroon-2: #6b1a1a; --gold: #c99a2e; --gold-light: #f0d488; --saffron: #ff7722; --cream: #faf6ec; --cream-2: #f1e9d5; --ink: #2b1c10; --ink-soft: #6b5a3f; --shadow-gold: 0 10px 40px rgba(201,154,46,.25); } /* -------- 2. Sacred Saffron & Ivory -------- Bright, warm, festival feel. Deep saffron primary with soft ivory ground. */ :root[data-theme="saffron"]{ --maroon: #9c3d0a; --maroon-rgb: 156,61,10; /* used as the "deep" primary throughout */ --maroon-2: #c85a15; --gold: #e8a020; --gold-light: #ffcf6b; --saffron: #ff6a13; --cream: #fff9ef; --cream-2: #ffeede; --ink: #3a2410; --ink-soft: #7d5a35; --shadow-gold: 0 10px 40px rgba(232,160,32,.28); } /* -------- 3. Divine Indigo & Gold -------- Night-sky devotional tone — deep indigo with warm gold accents. */ :root[data-theme="indigo"]{ --maroon: #1e1b4b; --maroon-rgb: 30,27,75; /* deep indigo as primary */ --maroon-2: #322c72; --gold: #d4af37; --gold-light: #f2d98a; --saffron: #f0a63c; --cream: #f4f2fb; --cream-2: #e7e3f6; --ink: #1c1833; --ink-soft: #5a5478; --shadow-gold: 0 10px 40px rgba(212,175,55,.25); } /* -------- 4. Emerald & Sandal -------- Calm, grounded palette — temple-garden green with sandalwood cream. */ :root[data-theme="emerald"]{ --maroon: #0f4d3c; --maroon-rgb: 15,77,60; /* deep emerald as primary */ --maroon-2: #1a6b52; --gold: #c39a3e; --gold-light: #ead79a; --saffron: #e0872b; --cream: #f5f7f1; --cream-2: #e6ede0; --ink: #1a2b22; --ink-soft: #4f6357; --shadow-gold: 0 10px 40px rgba(195,154,62,.22); }