/** * RA MA — Brand colour tokens * * Single source of truth for the site's brand palette. Change the two * primitives below and the whole site follows: theme stylesheets, the * rama-* plugins, the GeneratePress global colour, and the Elementor * global palette. * * 2026-08 rebrand mapping (client spec): * Headings / Text #116EAE -> #332411 #607EF7 -> #CCAC86 * Backgrounds #116EAE -> #CCAC86 * Buttons #116EAE -> #332411 #607EF7 -> #CCAC86 * * The site had drifted onto several other blues over the years * (#0D226F, #0D216F, #1F4F8D, #587CFF, #D6EAF9, #BDCBFF ...). Those are * folded into the same two browns by lightness: dark blues take the dark * brown, light blues (pale tints included) take the sand. Only the two * client-specified values exist in this file - nothing is derived or invented. */ :root { /* --- Brand primitives ------------------------------------------------ */ --rama-brown: #332411; --rama-sand: #CCAC86; /* --- Semantic roles -------------------------------------------------- */ /* Headings and accent body copy (was #116EAE / #0D226F) */ --rama-heading: var(--rama-brown); /* Accent text that was the light blue (was #607EF7 / #587CFF) */ --rama-text-accent: var(--rama-sand); /* Dark surfaces: site header, nav flyouts, video hero, login screen (was #0D226F / #1F4F8D). Dark stays dark so light text keeps contrast. */ --rama-surface-dark: var(--rama-brown); /* Light text sitting ON a dark surface (was #D6EAF9 / #BDCBFF) */ --rama-on-dark: var(--rama-sand); /* Accent fills, highlight and pale badge backgrounds (client spec: backgrounds -> sand; was #116EAE / #DDEBF4 / #EAEFFF) */ --rama-bg-accent: var(--rama-sand); /* Buttons */ --rama-btn-bg: var(--rama-brown); --rama-btn-bg-alt: var(--rama-sand); --rama-btn-text: #FFF; /* Borders and rules (was #0D226F) */ --rama-border: var(--rama-brown); /* --- Legacy aliases -------------------------------------------------- Existing code and the GeneratePress global colour both reference --ra-ma-new-blue (32 call sites across the theme, rama-core and rama-video-activity). GeneratePress declares it on :root from the database; this file loads later, so this wins without a DB change. */ --ra-ma-new-blue: var(--rama-brown); --c-rama-blue: var(--rama-brown); } /** * Elementor global palette. * * Elementor declares its globals on `.elementor-kit-219584` (a class on * ), not on :root — so a :root override would lose to it on every * descendant. The attribute selector below beats it on specificity and is * kit-id agnostic, so it survives a kit change. This retints every * Elementor widget that uses a global colour without touching the DB. */ body[class*="elementor-kit-"] { /* Dark blues -> dark brown */ --e-global-color-primary: var(--rama-brown); /* was #116EAE */ --e-global-color-accent: var(--rama-brown); /* was #1F4F8D */ --e-global-color-12c762e2: var(--rama-brown); /* was #1F4F8D */ --e-global-color-42d3fb9: var(--rama-brown); /* was #0D226F */ --e-global-color-3b0deb8: var(--rama-brown); /* was #0D226F */ --e-global-color-28a46a7: var(--rama-brown); /* was #010A3F */ /* Light blues -> sand */ --e-global-color-d891d1b: var(--rama-sand); /* was #607EF7 */ --e-global-color-398acba1: var(--rama-sand); /* was #93A1F6 */ /* Pale blue tints -> sand */ --e-global-color-1bf8c286: var(--rama-sand); /* was #DEE2FA */ --e-global-color-533675a3: var(--rama-sand); /* was #DDE9F4 */ /* --e-global-color-6791b1ad (#F5F6FD) is left alone on purpose: it is a near-white surface colour, not one of the brand blues, and the client spec has no replacement for it. */ }