/* Kua colour edition. Preserve the approved composition and editorial scale:
   full-colour people, ink and off-white surfaces, lime for the next action.
   Lime always carries ink text, or appears as an accent on an ink surface. */
:root {
  --paper: #fff;
  --ink: #0B0D0F;
  --muted: #666D73;
  --line: #E6E7E9;
  --wash: #F6F7F8;
  --dark: #1A1F24;
  --kua-lime: #CCFF00;
}

/* Restore the supplied photography and partner artwork in their own colours. */
.hero-photo,
.business-photo img,
.journey-card.photo img,
.person-banner img,
.page-hero figure img,
.sale-art-photo > img,
.sale-profile .sale-proof-top .sale-avatar,
.support-hero-photo img,
.supporters img,
.intel-provider-logos img,
.brand img {
  filter: none;
}

/* Every solid primary action uses one consistent brand treatment. */
.btn:not(.outline),
.btn.light,
.sale-enquiry .sale-actions .btn {
  background: var(--kua-lime);
  border-color: var(--kua-lime);
  color: var(--ink);
}
.btn:not(.outline):hover,
.btn.light:hover,
.sale-enquiry .sale-actions .btn:hover {
  background: #B8E600;
  border-color: #B8E600;
  color: var(--ink);
}
.btn.outline:hover {
  background: var(--wash);
  color: var(--ink);
}
button:focus-visible,
a:focus-visible,
summary:focus-visible,
select:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 2px solid #0B0D0F;
  outline-offset: 4px;
}
:is(.hero, .business-photo, .journey-card.dark, .journey-card.photo,
    .ai-moment, .footer, .sale-enquiry, .rate-card)
:is(button, a, summary, select):focus-visible {
  outline-color: var(--kua-lime);
}
.footer-directory :is(button, a, select):focus-visible {
  outline-color: var(--ink);
}

/* Quiet light surfaces keep the photography and actions in the foreground. */
.home-platform,
.pricing-hero,
.price-charges,
.sale-hero,
.sale-what,
.sale-resource-tile,
.support-end,
.trust-report,
.contact-form,
.country-strip {
  background: var(--wash);
}
.audience-card.dark,
.journey-card.dark,
.rate-card,
.sale-enquiry {
  background: var(--dark);
}
.ai-moment,
.footer {
  background: var(--ink);
}
.ai-moment::before {
  background: none;
}
.orb-scene {
  background: var(--dark);
  border-color: #394047;
}
.ai-moment .ai-copy > .eyebrow,
.ai-moment .read-link,
.footer-cta .eyebrow {
  color: var(--kua-lime);
}
.ai-examples button[aria-pressed="true"],
.ai-examples button[aria-pressed="true"]:hover {
  background: var(--kua-lime);
  border-color: var(--kua-lime);
  color: var(--ink);
}
.ai-examples button:hover {
  border-color: var(--kua-lime);
  color: #fff;
}
.orb-source span:last-child {
  border-color: #718A18;
  color: #E4F4AE;
}
[data-demo-state="typing"] [data-orb-title]::after,
[data-demo-state="answering"] [data-orb-answer]::after {
  color: var(--kua-lime);
}

/* Close in brand ink with the supplied white wordmark. The white directory
   remains a distinct, readable navigation surface within the dark footer. */
.giant-brand img {
  content: url('/brand/KUA_Wordmark_White.svg');
  filter: none;
  opacity: 1;
}
.footer-directory {
  background: #fff;
  color: var(--ink);
}
.footer-bottom {
  border-color: #394047;
  color: #B9BFC4;
}
::selection {
  background: var(--kua-lime);
  color: var(--ink);
}
/* Keep the small hero label readable when the photograph is light. */
.home-hero::after { background: linear-gradient(180deg, #0008 0%, #0000 35%, #0005 62%, #000d 100%); }