/* ════════════════════════════════════════════════════════════════════
   Per-deployment brand overrides — OPTIONAL, ships doing nothing.

   Loaded after the product stylesheet, so anything set here wins. It is a
   static file under public/, so editing it takes effect on refresh with no
   rebuild.

   ── Read this before uncommenting anything ─────────────────────────────

   The default posture is: the deployment's LOGO appears, and the PRODUCT's
   palette runs the interface. That is not laziness — corporate palettes are
   chosen for print and signage, and as UI colours they routinely fail
   contrast requirements on a dense data surface. A corporate red also
   collides with the meaning red already carries in an alert list.

   So this file exists for the deployment that genuinely requires more, not
   as the expected path. If you do set colours here:

   - Check contrast. Body text and small labels need 4.5:1 against their
     background; large text and UI borders need 3:1.
   - Do not touch the --color-series-* tokens to match a brand. They are
     tuned so eight categories stay distinguishable from each other, which
     is a legibility requirement, not a style choice.
   - Never override semantic state colours (alert / warning / success) with
     a brand colour. Those meanings belong to the product.
   - Custom properties only. No component selectors, no layout rules — a
     deployment that can restyle components can break them, and nobody will
     be able to reproduce the bug.
   ════════════════════════════════════════════════════════════════════ */

:root {
  /* ── Product chrome ────────────────────────────────────────────────
     --color-primary       sidebar gradient top, focus rings, key accents
     --color-primary-deep  sidebar gradient bottom
     --color-primary-light highlight on dark chrome (active nav node)
     --color-canvas        app background behind cards
     Product defaults: #225b61 / #16383c / #49c5b1 / #f4f6f6            */

  /* --color-primary: #225b61; */
  /* --color-primary-deep: #16383c; */
  /* --color-primary-light: #49c5b1; */
  /* --color-canvas: #f4f6f6; */
}