/* CordLedger rebrand: replaces the placeholder Trezo-theme blue (#1A73E8) with the darker
   teal-blue from the new wave logo (#327E96 = rgb(50,126,150)). Loaded after style.css so the
   cascade wins for the same selectors - no Sass recompile needed (there's no Node/npm available
   in every environment this repo gets edited from, and CI deploys the checked-in style.css as-is
   per this repo's CLAUDE.md, so a $primary edit in _variables.scss wouldn't reliably reach
   production anyway).

   --bs-primary/--bs-primary-rgb alone covers every Bootstrap utility class that derives from them
   (.text-primary, .bg-primary, .border-primary - see style.css's own rules for those, they all
   read rgba(var(--bs-primary-rgb), ...)), which is what backs every "Get Early Access"/"Join the
   Waitlist"/"Contact Us" button on the page (bg-primary/border-primary classes). .btn-primary and
   .btn-outline-primary need their own block since they don't reference the shared variable at
   all - style.css bakes each button state (hover/active/focus) as a separately pre-computed
   shade rather than deriving it live, so a blind find-and-replace on the hex would leave
   mismatched hover/active shades. The percentages below (hover-bg 85%, hover-border/active-bg
   80%, active-border 75%, focus-shadow a 15% tint toward white) are the exact ones style.css
   already used for the old blue, just recomputed for the new hue.

   Beyond the two button classes, style.css also hardcodes the old blue directly (not through the
   shared --bs-primary variable) on a handful of selectors that are actually reachable on this
   page now that the site defaults to dark (see index.html's <body data-theme="dark">) - the nav
   link hover/active color, the hero headline's accent word, the "Most Popular" pricing card's
   fill (both its light-mode rule and its own separate [data-theme=dark] rule), the About
   section's big stat numbers, the back-to-top button, and the preloader spinner. Each needed its
   own explicit override below since none of them read the shared variable. */
:root {
  --bs-primary: #327E96;
  --bs-primary-rgb: 50, 126, 150;
}
.btn-primary {
  --bs-btn-bg: #327E96;
  --bs-btn-border-color: #327E96;
  --bs-btn-hover-bg: rgb(16.6666666667%, 42%, 50%);
  --bs-btn-hover-border-color: rgb(15.6862745098%, 39.5294117647%, 47.0588235294%);
  --bs-btn-focus-shadow-rgb: 81, 145, 166;
  --bs-btn-active-bg: rgb(15.6862745098%, 39.5294117647%, 47.0588235294%);
  --bs-btn-active-border-color: rgb(14.7058823529%, 37.0588235294%, 44.1176470588%);
  --bs-btn-disabled-bg: #327E96;
  --bs-btn-disabled-border-color: #327E96;
}
.btn-outline-primary {
  --bs-btn-color: #327E96;
  --bs-btn-border-color: #327E96;
  --bs-btn-hover-bg: #327E96;
  --bs-btn-hover-border-color: #327E96;
  --bs-btn-focus-shadow-rgb: 50, 126, 150;
  --bs-btn-active-bg: #327E96;
  --bs-btn-active-border-color: #327E96;
  --bs-btn-disabled-color: #327E96;
  --bs-btn-disabled-border-color: #327E96;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
  color: #327E96 !important;
}
.banner-content h2 span,
.banner-content .h2 span {
  color: #327E96;
}
.about-trezo-single-item h2,
.about-trezo-single-item .h2 {
  color: #327E96;
}
.pricing-single-item.active,
[data-theme=dark] .pricing-single-item.active {
  background-color: #327E96;
}
#backtotop {
  background-color: #327E96;
}
#preloader .preloader .loader,
#preloader .preloader .loader div {
  border-top-color: #327E96;
  border-border-bottom: #327E96;
}
a:hover {
  color: #327E96;
}

/* The "CordLedger" wordmark added next to the logo icon (nav + footer) is a plain <span>, not an
   h1-h6, so it doesn't pick up style.css's [data-theme=dark] .h1,.h2,...,h6 { color: $white }
   rule - it was inheriting .navbar-brand's own color (var(--bs-navbar-brand-color), a dark navy
   with no dark-mode override), rendering as unreadable dark text against the dark navbar. */
[data-theme=dark] .navbar-brand span,
[data-theme=dark] .footer-single-item .logo span {
  color: #fff;
}