/** * Malaikombu Briyani — theme tokens. * Production site is locked to Option 3 via data-theme="option-3" on . */ /* ------------------------------------------------------------------ */ /* Option 1 — Deep Emerald #0F2621 + Tangerine */ /* ------------------------------------------------------------------ */ html[data-theme="option-1"] { --main-color: #F97316; --brand-gold: #F97316; --brand-gold-warm: #FDBA74; --brand-yellow: #FACC15; --accent-rgb: 249, 115, 22; --brand-red: #c41e3a; --brand-red-dark: #8b1529; --brand-red-text: #E74C4C; --brand-green: #0F2621; --brand-green-dark: #0F2621; --brand-green-light: #0F2621; --brand-black: #0F2621; --body-bg: #0F2621; --color-dark-1: #0F2621; --color-dark-2: #0F2621; --color-dark-3: #0F2621; --color-dark-4: #0F2621; --color-light: #FDBA74; --color-text: rgba(255, 247, 237, 0.82); --color-muted: rgba(255, 247, 237, 0.55); --border-color: rgba(249, 115, 22, 0.28); --overlay: rgba(15, 38, 33, 0.55); --shadow-soft: 0 8px 28px rgba(15, 38, 33, 0.45); --shadow-gold: 0 10px 34px rgba(249, 115, 22, 0.18); --theme-testimonial-bg: #0F2621; --theme-testimonial-text: #FDBA74; --theme-testimonial-quote: #F97316; --theme-testimonial-name: #F97316; --theme-form-page-bg: #0F2621; --theme-form-wrapper-bg: #0F2621; --theme-form-input-bg: rgba(0, 0, 0, 0.18); --theme-form-input-text: #FDBA74; --theme-form-label: rgba(253, 186, 116, 0.92); --theme-header-upper-bg: rgba(15, 38, 33, 0.98); --theme-header-top-border: rgba(249, 115, 22, 0.1); --theme-header-upper-border: rgba(249, 115, 22, 0.14); --theme-footer-muted-text: rgba(255, 247, 237, 0.65); --theme-btn-primary-bg: #F97316; --theme-btn-primary-border: #F97316; --theme-btn-primary-text: #0F2621; --theme-btn-hover-text: #FACC15; --theme-header-enquiry-gradient: linear-gradient(165deg, #FDBA74 0%, #F97316 55%, #EA580C 100%); --theme-header-enquiry-text: #0F2621; --theme-header-enquiry-border: rgba(15, 38, 33, 0.14); --theme-badge-bg: #F97316; --theme-badge-text: #0F2621; } /* ------------------------------------------------------------------ */ /* Option 2 — Black + Yellow + Tomato Red (black bg → #082B27) */ /* ------------------------------------------------------------------ */ html[data-theme="option-2"] { --main-color: #FACC15; --brand-gold: #FACC15; --brand-gold-warm: #FDE047; --brand-yellow: #FACC15; --accent-rgb: 250, 204, 21; --brand-red: #EF4444; --brand-red-dark: #DC2626; --brand-red-text: #E74C4C; --brand-green: #022C22; --brand-green-dark: #022C22; --brand-green-light: #022C22; --brand-black: #022C22; --body-bg: #022C22; --color-dark-1: #022C22; --color-dark-2: #022C22; --color-dark-3: #022C22; --color-dark-4: #022C22; --color-light: #FDE047; --color-text: rgba(255, 247, 237, 0.82); --color-muted: rgba(255, 247, 237, 0.55); --border-color: rgba(250, 204, 21, 0.28); --overlay: rgba(0, 0, 0, 0.65); --shadow-soft: 0 8px 28px rgba(0, 0, 0, 0.55); --shadow-gold: 0 10px 34px rgba(250, 204, 21, 0.15); --theme-testimonial-bg: #F97316; --theme-testimonial-text: #FFF7ED; --theme-testimonial-quote: #FFF7ED; --theme-testimonial-name: #FFF7ED; --theme-form-page-bg: linear-gradient(180deg, #022C22 0%, #064E3B 100%); --theme-form-wrapper-bg: #064E3B; --theme-form-input-bg: #022C22; --theme-form-input-text: #FDBA74; --theme-form-label: rgba(253, 186, 116, 0.92); --theme-header-upper-bg: rgba(2, 44, 34, 0.98); --theme-header-top-border: rgba(250, 204, 21, 0.1); --theme-header-upper-border: rgba(250, 204, 21, 0.14); --theme-footer-muted-text: rgba(255, 247, 237, 0.6); --theme-btn-primary-bg: #EF4444; --theme-btn-primary-border: #EF4444; --theme-btn-primary-text: #FFF7ED; --theme-btn-hover-text: #FACC15; --theme-header-enquiry-gradient: linear-gradient(165deg, #F87171 0%, #EF4444 55%, #DC2626 100%); --theme-header-enquiry-text: #FFF7ED; --theme-header-enquiry-border: rgba(255, 255, 255, 0.12); --theme-badge-bg: #EF4444; --theme-badge-text: #FFF7ED; } /* ------------------------------------------------------------------ */ /* Option 3 — Deep Emerald #0E231F + Yellow */ /* ------------------------------------------------------------------ */ html[data-theme="option-3"] { --main-color: #FACC15; --brand-gold: #FACC15; --brand-gold-warm: #FDE047; --brand-yellow: #FACC15; --accent-rgb: 250, 204, 21; --brand-red: #EF4444; --brand-red-dark: #DC2626; --brand-red-text: #E74C4C; --brand-green: #0E231F; --brand-green-dark: #0E231F; --brand-green-light: #0E231F; --brand-black: #0E231F; --body-bg: #0E231F; --color-dark-1: #0E231F; --color-dark-2: #0E231F; --color-dark-3: #0E231F; --color-dark-4: #0E231F; --color-light: #FDE047; --color-text: rgba(255, 247, 237, 0.85); --color-muted: rgba(255, 247, 237, 0.58); --border-color: rgba(250, 204, 21, 0.3); --overlay: rgba(14, 35, 31, 0.55); --shadow-soft: 0 8px 28px rgba(14, 35, 31, 0.45); --shadow-gold: 0 10px 34px rgba(250, 204, 21, 0.15); --theme-testimonial-bg: #0E231F; --theme-testimonial-text: #FDE047; --theme-testimonial-quote: #FACC15; --theme-testimonial-name: #FACC15; --theme-form-page-bg: #0E231F; --theme-form-wrapper-bg: #0E231F; --theme-form-input-bg: rgba(0, 0, 0, 0.18); --theme-form-input-text: #FDE047; --theme-form-label: rgba(253, 230, 138, 0.92); --theme-header-upper-bg: rgba(14, 35, 31, 0.98); --theme-header-top-border: rgba(250, 204, 21, 0.12); --theme-header-upper-border: rgba(250, 204, 21, 0.16); --theme-footer-muted-text: rgba(255, 247, 237, 0.65); --theme-btn-primary-bg: #FACC15; --theme-btn-primary-border: #FACC15; --theme-btn-primary-text: #0E231F; --theme-btn-hover-text: #EF4444; --theme-header-enquiry-gradient: linear-gradient(165deg, #FDE047 0%, #FACC15 55%, #EAB308 100%); --theme-header-enquiry-text: #0E231F; --theme-header-enquiry-border: rgba(255, 255, 255, 0.14); --theme-badge-bg: #EF4444; --theme-badge-text: #FFF7ED; } /* Theme-aware brand name — always yellow across preview options */ html[data-theme] .brand-name-text { color: var(--brand-yellow); } html[data-theme] .main-header .header-top { border-bottom-color: var(--theme-header-top-border); } html[data-theme] .main-header .header-upper { background: var(--theme-header-upper-bg); border-bottom-color: var(--theme-header-upper-border); } html[data-theme] .header-enquiry-box { background: var(--theme-header-enquiry-gradient); color: var(--theme-header-enquiry-text); border-color: var(--theme-header-enquiry-border); } html[data-theme] .header-enquiry-box:hover { filter: brightness(1.05); transform: translateY(-1px); } html[data-theme] .main-footer .footer-column .text, html[data-theme] .main-footer .footer-column p { color: var(--theme-footer-muted-text); } html[data-theme] .btn-style-one { background: var(--theme-btn-primary-bg); border-color: var(--theme-btn-primary-border); color: var(--theme-btn-primary-text); } html[data-theme] .btn-style-one .text-one { color: var(--theme-btn-primary-text); } html[data-theme] .btn-style-one .text-two { color: var(--theme-btn-hover-text); } html[data-theme] .menu-one .menu-block .badge, html[data-theme] .dish-block .badge.new { background: var(--theme-badge-bg); color: var(--theme-badge-text); } html[data-theme="option-3"] .testimonials-section { color: rgba(255, 247, 237, 0.9); } html[data-theme="option-3"] .testimonial-block .rating span { color: #FACC15; } html[data-theme="option-3"] .main-header.header-down.fixed-header-active .header-upper, html[data-theme="option-3"] .main-header.fixed-header-active .header-upper { background: #0E231F; } html[data-theme="option-1"] .main-header.header-down.fixed-header-active .header-upper, html[data-theme="option-1"] .main-header.fixed-header-active .header-upper { background: #0F2621; } /* Option 2 — hardcoded near-black header bg → #022C22 only */ html[data-theme="option-2"] .main-header.header-down.fixed-header-active .header-upper, html[data-theme="option-2"] .main-header.fixed-header-active .header-upper { background: #022C22; }