/* ---------------------------------------------------------------------------
   Aptus Consultants — navy and silver.

   Taken from the logo: the deep navy "A" (#142a56) with the silver arc
   (#adaeb1). Aptus is the consulting parent, so it reads cooler and more
   restrained than Home-Tech — silver is its second voice, with gold used
   only where the two brands meet.

   Only override tokens here; everything structural lives in base.css.
   --------------------------------------------------------------------------- */

:root {
  --color-accent:   #142a56;   /* logo navy */
  --color-accent-2: #8b8e93;   /* logo silver, as the supporting voice */

  /* Silver ramp replaces gold on this site. */
  --color-accent-2-100: #f5f6f7;
  --color-accent-2-200: #e7e8ea;
  --color-accent-2-300: #d2d4d7;
  --color-accent-2-400: #adaeb1;   /* the arc in the mark */
  --color-accent-2-500: #8b8e93;
  --color-accent-2-600: #6c6f75;
  --color-accent-2-700: #4f5259;
  --color-accent-2-800: #35373c;
  --color-accent-2-900: #1f2124;
}

/* Silver is too quiet to carry a call to action, so the CTA band and the
   division panel keep the navy button rather than inverting to the accent. */
.cta-band .btn-primary,
.cta-band .btn--primary {
  background: #fff;
  color: var(--color-accent-800);
}
.cta-band .btn-primary:hover,
.cta-band .btn--primary:hover {
  background: var(--color-accent-100);
  color: var(--color-accent-900);
}

.division .btn--on-sage { background: #fff; color: var(--color-accent-800); }
.division .btn--on-sage:hover { background: var(--color-accent-100); color: var(--color-accent-900); }