/* public/css/color-override.css * SINGLE PURPOSE: force the CLIENT-CONFIRMED palette over the Qondri * theme's built-in green/navy colors. Colors ONLY — no layout, spacing, * sizing, or structural rules touched here (those stay in * layout-fixes.css / sticky-header-fix.css / brand-theme.css). * Loaded LAST in so these !important rules are the final word. * * Confirmed palette (mockup, 03/07): * Primary Blue #19576E * Dark Blue #103846 * Gold Accent #C8A96A * Ivory #FAF8F4 * Light Gray #F3F5F7 * Text #2B2B2B */ /* --- 1. Elementor's global color variables --------------------------- Almost every green/navy accent in the theme's CSS is written as var(--e-global-color-qondri_accent) / var(--e-global-color-accent) / var(--e-global-color-qondri_primary). Overriding the variables here cascades the new colors into all of those rules automatically, without touching a single layout property. */ :root, .elementor-kit-5 { --e-global-color-accent: #C8A96A !important; --e-global-color-qondri_accent: #C8A96A !important; --e-global-color-qondri_primary: #19576E !important; --e-global-color-primary: #19576E !important; } /* --- 2. Hardcoded hex colors (not using the variables above) --------- */ /* USP icon boxes: green box -> gold, navy box -> dark blue */ html body .elementor-6 .elementor-element.elementor-element-9ca62ef .master-icon-box.master-icon-box { background-color: #C8A96A !important; } html body .elementor-6 .elementor-element.elementor-element-a8470c8 .master-icon-box.master-icon-box { background-color: #103846 !important; } /* Header top-bar social icon circles (were navy #0f2746) */ html body .elementor-104 .elementor-element.elementor-element-a93fb08 a.a { background-color: #19576E !important; } html body .elementor-104 .elementor-element.elementor-element-a93fb08 a.a:hover { background-color: #C8A96A !important; } /* Animsition page-load spinner (inline