/* ============================================================
   heybusiness/styles/site.css
   ------------------------------------------------------------
   Token overrides for the HeyBusiness.ai anchor site.
   Three-line palette: bright + deep + soft. Everything else
   (hover states, accent-on-dark, pricing terminal step, kicker)
   chains off these in tokens.css.
   ============================================================ */

:root {
  /* Aqua palette , soft mint-aqua, same lightness register as
     the network lime. Pairs with navy text + logo blue. */
  --site-accent:      #6FD6C7;   /* bright , reads on navy */
  --site-accent-deep: #46B7A6;   /* deep   , reads on white */
  --site-accent-soft: #C9EDE6;

  --hero-image: url('../assets/hero.webp');

  /* Logo SVG artboard is 261.5 x 52.41; the dotted i extends ~2.9
     units above the cap, leaving 49.49 of letterforms (94.4% of
     viewBox). HeyAuto's artboard has no such padding, so to make
     the wordmark cap-height match HeyAuto at 60px, render this
     logo a touch taller. Tune if visual mismatch remains. */
  --logo-height: 65px;
}

.site-nav__brand-logo {
  margin-top: -4px;
}