/* NProgress theme override.

   Recolors the top-loading bar served by the CDN nprogress.css (default #29d
   blue) to the app's brand electric. Uses the --electric design token so the bar
   reads correctly on both the dark and light themes (--electric is defined at
   :root and inherited by #nprogress; see scss/_base.scss). Loaded AFTER the CDN
   stylesheet so these rules win on source order — the selectors match
   nprogress.css's own #nprogress specificity exactly.

   IMPORTANT: --electric is a COMPLETE colour, so it is used directly (NOT wrapped
   in hsl()). A literal fallback is supplied because a var() that resolves to
   nothing is "invalid at computed-value time" and computes to the property's
   INITIAL value — for `background` that is `transparent`, which silently renders
   the bar invisible rather than falling back to the CDN blue. (That is exactly
   what happened when the Tailwind-era `--primary` triplet was dropped in the
   SCSS/Concept-B redesign and this file still referenced hsl(var(--primary)).) */

#nprogress .bar {
  background: var(--electric, #2F6BFF);
}

/* The peg is the glowing comet trail at the leading edge of the bar. */
#nprogress .peg {
  box-shadow: 0 0 10px var(--electric, #2F6BFF), 0 0 5px var(--electric, #2F6BFF);
}

/* Spinner is disabled in nprogress.js, but recolor it too in case it's enabled. */
#nprogress .spinner-icon {
  border-top-color: var(--electric, #2F6BFF);
  border-left-color: var(--electric, #2F6BFF);
}