/* ─────────────────────────────────────────────────────────────────────────
   blue-theme.css — the client-facing "blue treatment" (deep-blue chrome).
   Loaded AFTER each page's own <style> (near </head>) so it recolors the
   shared chrome centrally:
     • header / top-nav / hero  → deep navy (was black)
     • header curve             → navy, to match the hero
     • footer                   → deep navy (also set window.__llFooterColor
                                  = '#123A5C' before site-footer.js on the page)
     • page background          → pure white
   Cards and input fields are intentionally LEFT ALONE — they stay white.
   The planner / admin do NOT load this, so they keep their plum identity.
   Tweak the whole scheme here, in one place.
   ───────────────────────────────────────────────────────────────────────── */

/* Page background — pure white */
body{background:#ffffff !important}

/* Top nav + hero — deep navy (was black #0a0a0a) */
.ws-topnav,.lh-topnav,.topnav{background:#123A5C !important}
.ws-hero,.hero,.hero-strip,.lh,.lh-hero{
  background:linear-gradient(180deg,#123A5C 0%,#3D6B96 100%) !important;
}
/* The "curve" cut below the hero: the ::after pseudo stays white so it reads as
   the white page cutting up into the navy hero. */
.ws-hero::after,.hero::after,.hero-strip::after{background:#ffffff !important}
/* Some pages draw that curve as an inline <svg> with a hardcoded black fill in
   the markup. A CSS `fill` beats the SVG fill="" attribute, so we recolor those
   header curves to the hero navy centrally — no need to edit each page's SVG. */
.lh-curve path,.hero-curve path,.ws-curve path{fill:#3D6B96 !important}

/* Footer — deep navy, whether it's the shared site-footer.js footer or a page's
   own inline <footer class="lf">. The curve fill is a markup attribute, so CSS
   fill overrides it here too. */
.lf{background:linear-gradient(180deg,#3D6B96 0%,#123A5C 100%) !important}
.lf-curve path,.ws-footer-curve path{fill:#3D6B96 !important}
.ws-footer{background:linear-gradient(180deg,#3D6B96 0%,#123A5C 100%) !important}

/* Asset / liability category labels — charcoal so they're easy to read
   (were a faint gray). The "Add item" buttons step back to light gray. */
.group-label{color:#2c3540 !important}
.add-row-btn{color:#8b97a3 !important}

/* Dark in-content summary / results / metrics bars inside worksheets — navy,
   not black, so they fit the blue treatment (these show up most on the shared
   joint worksheets like the register and spending views). White text stays
   legible on navy. */
.sumbar,.ss-metrics,.summary-box,.cat-panel-head,.ret-res-head{background:#123A5C !important}