/* ============================================================================
   Vizit-net Power Manager — BLUE theme (drop-in re-skin from ORANGE)
   ----------------------------------------------------------------------------
   HOW TO USE:
     Add ONE line in control/static/index.html right AFTER the inline <style>…</style>
     block (so these rules/vars win at equal specificity):

         <link rel="stylesheet" href="/static/theme_blue.css">

     (or paste the contents at the end of the existing <style> block.)

   Brand source:
     #1e73bd  Vizit-net logo wordmark blue (PRIMARY brand)   -> from vn logo PLTE
     #03a9f4  Vizit-net site UI blue (links/accents)          -> from vizit-net.com CSS
     #17252a  Vizit-net deep navy (text/dark)                 -> from vizit-net.com CSS
   ========================================================================== */

/* 1) VARIABLE OVERRIDES ------------------------------------------------------
   These two vars drive the header gradient, the .vz wordmark badge text,
   the .cfggroup h3 headings, and the .set-savebtn / algo save buttons.
   Re-pointing them flips most of the app to blue automatically.            */
:root{
  /* was --orange1:#f7a823 (light gradient start)  */
  --orange1:#2f9bdb;          /* bright azure  — gradient start            */
  /* was --orange2:#f37021 (deep gradient end + accent text/buttons) */
  --orange2:#1e73bd;          /* brand logo blue — gradient end & accents  */

  /* convenience aliases (use these going forward instead of --orangeN) */
  --vn-blue:#1e73bd;          /* primary brand blue                        */
  --vn-blue-dark:#155a94;     /* hover / depth                             */
  --vn-blue-deep:#0f4775;     /* darkest navy-blue                         */
  --vn-blue-bright:#03a9f4;   /* site UI sky blue (accent)                 */
  --vn-blue-light:#8ed1fc;    /* light tint / fills                        */
}

/* 2) HEADER GRADIENT --------------------------------------------------------
   Already driven by --orange1/--orange2 above, but we restate it so the
   gradient runs azure -> brand blue with white text staying readable.
   (white on #1e73bd ≈ 4.9:1, passes AA for the bold header text.)          */
header{
  background:linear-gradient(95deg,var(--orange1) 0%,var(--orange2) 100%);
}

/* 3) WORDMARK BADGE ("vz" chip) — white chip, blue text -------------------- */
.wordmark .vz{ color:var(--orange2); }   /* now brand blue, via var */

/* 3b) HEADER LOGO — blue-on-transparent wordmark sits on a white pill so it
   stays legible over the blue header gradient.                              */
.wordmark{ align-items:center; }
.wordmark .brandlogo{
  height:26px; display:block; background:#fff;
  padding:5px 10px; border-radius:8px;
  box-shadow:0 1px 3px rgba(0,0,0,.18);
}
.wordmark .net{ color:#fff; }

/* 4) NAV — active tab pulls the page bg (unchanged), inactive tabs are the
   translucent-white-on-blue chips (unchanged). Restated for clarity.       */
nav button{ background:rgba(255,255,255,.18); color:#fff; }
nav button:hover{ background:rgba(255,255,255,.30); }
nav button.active{ background:var(--bg); color:var(--ink); }

/* 5) HARDCODED-ORANGE RULES (vars don't reach these) -----------------------
   Override with the same selectors; !important guards against load order.  */

/* settings progress bar fill — was linear-gradient(90deg,#f5a04f,#f37021) */
.setprog .bar{
  background:linear-gradient(90deg,#5ab4ea,#1e73bd) !important;
}

/* modal "Save" button — was #f37021 */
.mbtns .save{ background:#1e73bd !important; }

/* 6) ACCENT TEXT / PRIMARY BUTTONS already on var(--orange2) -> now blue:
     .cfggroup h3, .set-savebtn, .algo save buttons  (no extra rule needed) */

/* 7) OPTIONAL: unify the generic link/active blue with the brand blue.
   The app ships --blue:#2f6fe0 (links, .crumb, .chk.on, .editlink). Leave
   it as-is for a two-blue palette, OR uncomment to match the logo exactly: */
/* :root{ --blue:#1e73bd; } */

/* ----------------------------------------------------------------------------
   INTENTIONALLY LEFT WARM (semantic, NOT brand — do not blue-ify):
     .pvbar .fill  #ffd24d->#ffc01f   solar PV = yellow
     COL.pv / INVCOL / gauge stops    solar data series = yellow/amber
     .pill.discharge #d9831f          battery discharge state
     .note / tier badges / .pill.bad  warnings & error states (amber/red)
   -------------------------------------------------------------------------- */