/* Lake-blue accents drawn from the cyan end of the logo; darkened for legibility. */
:root {
  --lake-blue: #007488;
  --lake-blue-hover: #005d6d;
  --lake-blue-tint: #e7f4f6;
  --blue: #007488;
  --blue2: #005d6d;
  --green: #007488;
  --tb: #e7f4f6;
}

/* Keep text white on solid buttons and dark on the white outline variants. */
.btn.fill,
.cc-deck-controls button.next {
  background: var(--lake-blue);
  border-color: var(--lake-blue);
  color: #fff;
  box-shadow: 0 5px 14px #0074881f;
}
.btn.fill:hover,
.cc-deck-controls button.next:hover:not(:disabled) {
  background: var(--lake-blue-hover);
  border-color: var(--lake-blue-hover);
  color: #fff;
}
.btn.line, .cc-deck-controls button:not(.next) { color: var(--lake-blue); }
.btn.line:hover, .cc-deck-controls button:not(.next):hover:not(:disabled) {
  background: var(--lake-blue-tint);
  border-color: #99c9d1;
  color: var(--lake-blue-hover);
}
:focus-visible { outline: 3px solid #007488; outline-offset: 3px; }
.links a:hover, .links a[aria-current=page] { background: var(--lake-blue-tint); color: var(--lake-blue-hover); }
.cc-deck-progress, .sdots i.on { background: var(--lake-blue); }

/* Accent icons, controls and small labels, without recoloring the illustrations. */
.hero .hc1, .hero .hc2, .hero .hc3, .hero .hc4 { background: var(--lake-blue); }
.issue-icon, .new-deck-values strong, .transition-arrow, .svc-toggle,
.svc-extras strong, .pk-price .s b, .marketing h3, .marketing .transition-question,
.marketing .transition-tags span { color: var(--lake-blue); }
.svc-toggle { background: var(--lake-blue-tint); }
.svc-item.is-open { border-color: #8ebfc8; }
.svc-price-badge, #content-capabilities .svc-price-badge { background: var(--lake-blue-tint); color: var(--lake-blue-hover); }
.rib { background: var(--lake-blue); color: #fff; }
#cc-ai-page .ai > div > i { background: var(--lake-blue-tint)!important; }
#cc-ai-page .ai svg, #cc-ai-page .ai > div:nth-child(2) svg,
#cc-ai-page .ai > div:nth-child(3) svg { stroke: var(--lake-blue); }
#cc-ai-page .ai li::before { color: var(--lake-blue); }
.mi-gallery-arrow:hover:not(:disabled) { background: var(--lake-blue-tint); color: var(--lake-blue-hover); }
.mi-case-play { color: var(--lake-blue-hover); }

/* Main positioning statement in the same accessible accent. */
#root-solution .new-deck-bluebar { background: var(--lake-blue); color: #fff; }
#root-solution .new-deck-bluebar strong,
#root-solution .new-deck-bluebar span { color: #fff; }