/* =============================================================================
 *  lp-brand.css - the LP brand and surface tokens shared by all five tools.
 *  ---------------------------------------------------------------------------
 *  Created 2026-09-16 (reduction plan Pass 7). Before this, these SIXTEEN
 *  custom properties were byte-identical copies in all five host pages
 *  (allocation-planner, cashflow-projector, roth-planner, sitrep-hub,
 *  trade-map). Two of those hosts had NOTHING ELSE in their :root block.
 *
 *  WHY IT MATTERS, beyond tidiness: these are the firm brand colours on a
 *  fiduciary deliverable. Five copies means the next brand change lands in
 *  some tools and not others, and nothing in the freeze gate would notice.
 *  Same argument as lp_report_css.js and lp_disclosures.js.
 *
 *  HOW TO ADOPT IT IN THE REMAINING HOSTS, one host per session:
 *    <link rel="stylesheet" href="../shared/lp-brand.css?v=YYYY-MM-DDx">
 *  placed BEFORE the host's own <style> blocks, then delete these sixteen
 *  declarations from that host's :root and leave its tool-specific ones
 *  (e.g. cashflow's --income / --expense / --tax) in place.
 *
 *  ⚠ THE PRINT/REPORT HAZARD - READ BEFORE CONVERTING THE NEXT HOST.
 *  allocation-planner/app.js, roth-planner/index.html and trade-map/index.html
 *  build their printed client report by scraping the live page:
 *      document.querySelectorAll('style').forEach(...)
 *  An external <link> is NOT a <style>, so for those three the brand tokens
 *  would silently vanish from the PRINTED report while the screen still looks
 *  perfect. Any session converting one of those three MUST also teach that
 *  host's harvester to inline this file's text, and must verify it by
 *  generating the actual report - not by looking at the live page.
 *  cashflow-projector (converted first, here) is exempt: it composes its report
 *  CSS from LPReportCSS blocks, which use literal colours and reference no
 *  --lp-* variable at all (measured: 0 definitions, 0 var() usages).
 * ========================================================================== */
:root{
  --bg:#fafaf7;--card:#ffffff;--text:#1a1a18;--text-secondary:#5f5e5a;--text-tertiary:#888780;
  --border:#e6e4dd;--border-strong:#d0cdc4;
  --lp-blue-dark:#0c447c;--lp-blue:#185fa5;--lp-green-light:#97c459;--lp-green-dark:#3b6d11;
  --accent-pos:#0f6e56;--accent-warn:#993c1d;--bg-secondary:#f1efe8;
  --radius-md:8px;--radius-lg:12px;
}