/* ------------------------------------------------------------------
 * TruMedCo brand override — loaded after the shared styles.css.
 * Re-points the CSS custom properties at an indigo/emerald/amber
 * scheme instead of Fivitz's teal/cyan/orange, and swaps the hero's
 * animated organic blob glow for a single still, centered vignette —
 * a calmer, more structured feel than Fivitz's dual floating blobs.
 * ------------------------------------------------------------------ */
:root {
  --teal:   #10b981; /* emerald */
  --cyan:   #6366f1; /* indigo — primary accent */
  --orange: #f59e0b; /* amber */
  --coral:  #f43f5e; /* rose */
  --ink:    #0b0f1f;
  --ink-2:  #131829;
}

.btn-gradient:hover { box-shadow: 0 12px 40px -12px rgba(99, 102, 241, .6); }
.nav-scrolled { background-color: rgba(11, 15, 31, .8); }

.hero-mesh::before {
  width: 60rem; height: 60rem; top: -22rem; left: 50%; right: auto;
  transform: translateX(-50%);
  background: radial-gradient(circle at center, var(--cyan), transparent 65%);
  opacity: .3;
  animation: none;
}
.hero-mesh::after { content: none; }