/* ============================================================ THEME PRIMITIVES ------------------------------------------------------------ The raw, brand-level values that change per client theme. Switching theme = setting data-theme on (done centrally in fragments/shared/head.html from the server `themeKey`). This is the ONLY place brand primitives are defined. Everything else (semantic aliases, components) consumes them via var() in tokens-base.css / company-ui.css, so a theme only has to redeclare the primitives below — exactly like a light/dark mode swap. Rules: - Add a new client theme by copying a full block and changing the values, scoped to [data-theme=""]. - Keep every primitive key present in every theme block. - Do NOT add semantic aliases or component styles here. ============================================================ */ /* Default theme — applies when data-theme is absent or unknown. Acts as the safety-net baseline for any account without a theme. */ :root, [data-theme="default"] { /* Core brand colors */ --bb-blue: #18426e; --bb-yellow: #fddd01; --bb-black: #090a09; --bb-accent: #2563eb; /* Brand tonal scale */ --bb-lightblue: #99c6d9; --bb-lightblue-50: #ccdeec; --bb-lightblue-25: #e5eef6; --bb-paper: #f6f5f1; /* Ink neutrals */ --bb-ink-80: #2f3a47; --bb-ink-60: #5a6775; --bb-ink-40: #8b95a0; --bb-ink-20: #c9cfd5; --bb-ink-10: #e6e9ec; } /* BeeBeeOne house theme — always used for the platform/admin surface (platform staff have no tenant account) and the default look for client views until a client is given its own theme. NOTE: values below are currently a copy of the default palette — this is a placeholder scaffold. Replace them with the finalised BeeBeeOne brand values when the design proposal lands. Because components read only semantic aliases, editing these primitives reskins the whole UI. */ [data-theme="beebeeone"] { /* Core brand colors */ --bb-blue: #18426e; --bb-yellow: #fddd01; --bb-black: #090a09; --bb-accent: #2563eb; /* Brand tonal scale */ --bb-lightblue: #99c6d9; --bb-lightblue-50: #ccdeec; --bb-lightblue-25: #e5eef6; --bb-paper: #f6f5f1; /* Ink neutrals */ --bb-ink-80: #2f3a47; --bb-ink-60: #5a6775; --bb-ink-40: #8b95a0; --bb-ink-20: #c9cfd5; --bb-ink-10: #e6e9ec; }