/* ===========================================================================
   BioVitality — BRAND STYLE SHEET (single source of truth for brand color)
   ---------------------------------------------------------------------------
   The identity is the blue "hexagon" logo (New Icons/): a bar-chart + line
   graph in a blue hexagon, wordmark "Bio" (navy) + "vitality" (bright blue).
   These tokens are sampled straight from that logo. Loaded BEFORE styles.css
   in index.html, so every var(--brand*) below feeds the rest of the CSS.

     --brand        #148CD2   the vivid "vitality" wordmark blue (primary)
     --brand-press  #1173B0   darker — hover / pressed states
     --brand-deep   #0A3C64   the navy "Bio" ink — deepest brand tone
     --brand-tint   #E7F3FB   light blue fill (chips, avatars, soft backgrounds)
     --brand-accent #3A9FDF   hexagon top highlight — for gradients

   Status colors (success/warning/danger) live in styles.css and are
   deliberately NOT brand-blue: a completed workout stays green, etc.
   Keep this file, packages/shared/index.js BRAND, and the mobile
   src/config.js `theme` blocks in sync — they are the four brand copies.
   =========================================================================== */
:root{
  --brand:#148CD2;
  --brand-press:#1173B0;
  --brand-deep:#0A3C64;
  --brand-tint:#E7F3FB;
  --brand-accent:#3A9FDF;
}