/* Green comparison palette, derived from the existing KAYAKS wordmark.
   Bright green pairs with navy; a darker shade supports text on light surfaces. */
:root{
  --gelcoat:#63BF54;
  --accent-dark:#2B7222;
  --accent-text:var(--accent-dark);
  --focus:var(--accent-dark);
  --warning:#8A4B10;
}
.on-dark,.hero,footer,.footer,.hh-menu-dialog,.quote-card{
  --accent-text:var(--gelcoat);
  --focus:var(--gelcoat);
}
.card,.catalog-controls,.gallery-main,.video-choice{
  --accent-text:var(--accent-dark);
  --focus:var(--accent-dark);
}
.give{--focus:var(--ink)}

/* Preserve the existing preview markup; contrast adjustments from the tested palette. */
.btn.hi,.btn:hover{color:var(--ink);border-color:var(--focus)}
.hh-cart-count{color:var(--ink)}
.player .play-label{color:var(--ink)}
.video-choice:focus-visible,.video-section a:focus-visible{outline-color:var(--focus)}
.video-section .player button:focus-visible{outline:3px solid var(--gelcoat);outline-offset:-3px;box-shadow:inset 0 0 0 6px var(--marsh)}
.service-steps li::before{color:var(--accent-text)}
.give{color:var(--ink)}.give p{color:var(--ink)}
.give .btn[style]{color:var(--accent-dark)!important}