/* v21: carry the real storefront blue through the interface accents. */
:root {
  --accent-blue: #11a9ef;
  --lime: var(--accent-blue);
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
[tabindex]:focus-visible,
.button:focus-visible,
.ppf-inline-guide:focus-visible {
  outline-color: var(--accent-blue);
}
.header-cta:hover {
  background: #49baf3;
}
.service-tabs button {
  color: #4e8eac;
}
.service-tabs button[aria-selected="true"],
.service-tabs button:hover {
  color: var(--ink);
}
.intro-grid h2 > span,
.cleaning-contact h2 > span {
  color: var(--accent-blue);
}
.cleaning-contact::before {
  background: radial-gradient(circle, #11a9ef24 0, #11a9ef00 68%);
}
.closing-copy .eyebrow {
  color: #7bd4fa;
}
.closing-actions .button-outline:hover {
  border-color: #11a9ef99;
}
.phase-nav > button[aria-current],
.cleaning-phases > button[aria-current] {
  background: #11a9ef18;
  border-color: #11a9ef80;
}
.button:not(.button-ink):not(.whatsapp-action):hover,
.header-cta:hover {
  background-color: #49baf3;
}
.floating-contact {
  color: var(--accent-blue);
}
.guide-card-label,
.guide-card-action,
.guide-header,
.guide-tabs button[aria-selected="true"] {
  color: var(--accent-blue);
}