/* ============================================================================
 * brand.css — ONE place to recolor the entire product (White Label Fitness)
 * ----------------------------------------------------------------------------
 * Every brand color in the HTML/CSS reads `var(--wlf-brand, <fallback>)` etc.
 * Change the 8 values below and the whole product re-skins. The fallbacks are
 * the navy/blue defaults, so any page that does not load this file still looks
 * correct — there is no broken or half-themed state.
 *
 * DEFAULT BRAND: Navy / Blue (white-label).
 *
 * TO REBRAND FOR A BUYER:
 *   1. Change the 8 values below.
 *   2. Ship this file at the site root as /brand.css (it already loads on every page).
 *   3. A few non-CSS spots hold a literal hex (<meta name="theme-color">, the PWA
 *      manifest "theme_color", inline SVG fill=/stroke=). They use #2563EB — one
 *      find-replace of that hex finishes the rebrand.
 * ========================================================================== */
:root{
  /* ---- Primary brand (navy / blue family) ---- */
  --wlf-brand:        #2563EB;   /* main brand blue — buttons, headings, accents */
  --wlf-brand-2:      #1D4ED8;   /* slightly deeper blue                         */
  --wlf-brand-dark:   #1E40AF;   /* hover / pressed states                       */
  --wlf-brand-rose:   #3B82F6;   /* brighter blue accent                         */
  --wlf-brand-hot:    #3B82F6;   /* hot / alert (was hot red)                    */
  --wlf-brand-deep:   #0A1A33;   /* near-black navy, deep backgrounds            */

  /* ---- Accent (sky-blue highlight) ---- */
  --wlf-accent:       #38BDF8;   /* sky highlight — CTAs, success, emphasis      */
  --wlf-accent-soft:  #DBEAFE;   /* pale blue tint                               */
}