/* Retints LearnDash's own design-token CSS custom properties to the * Family Lab palette instead of overriding its markup/selectors — LD's * newer stylesheets read colors from these --ld-color-primitives-* (and a * --ld-color-semantic-* layer built on top of them via var(), confirmed by * inspecting the live site) custom properties, so redeclaring the * primitives here is enough: anything LD builds on top of them — buttons, * progress indicators, badges, alerts — repaints automatically, no DOM * hunting or !important battles against individual LD rules required. * * !important on each one is deliberate: it's the only way to guarantee * these win regardless of whether this stylesheet happens to print before * or after LearnDash's own in the page , without depending on * knowing (or fighting to control) LD's exact enqueue order. * * Fragile by nature: this only works for as long as LearnDash keeps these * exact custom property names. If a future LearnDash update renames or * restructures its token set, this file quietly stops doing anything * (never breaks — a redeclared variable nobody reads is a no-op) and will * need updating to match the new names. * * Blue is the one actually reported as off-brand ("blue colors that * aren't part of our design") — remapped to the site's green. LearnDash's * own green primitives are already close to that same green, so they're * tightened to match exactly for consistency. Grey/red/yellow are * standard neutral/danger/warning semantics, left alone since they * weren't flagged as a problem. */ :root { /* Blue primitives -> Family Lab green scale (replaces LD's own accent * blue wherever its semantic layer references these). */ --ld-color-primitives-blue-100: #eef5f0 !important; --ld-color-primitives-blue-150: #d3e3d7 !important; --ld-color-primitives-blue-175: #b9d3c0 !important; --ld-color-primitives-blue-200: #a0c2a9 !important; --ld-color-primitives-blue-500: #3f6b4a !important; --ld-color-primitives-blue-800: #234029 !important; /* LearnDash's own green primitives, tightened to the exact same brand * green rather than LD's slightly different default shade. */ --ld-color-primitives-green-100: #eef5f0 !important; --ld-color-primitives-green-250: #8fbf9d !important; --ld-color-primitives-green-300: #5c8f6a !important; --ld-color-primitives-green-500: #3f6b4a !important; --ld-color-primitives-green-800: #234029 !important; }