/* Site-wide surfaces and colours drawn from the About page. */
:root {
  --pa-site-canvas: #efeff5;
  --pa-site-panel: #f5f3fb;
  --pa-site-surface: #fff;
  --pa-site-ink: #17123d;
  --pa-site-muted: #514b6a;
  --pa-site-accent: #b81660;
  --pa-site-border: #e2ddec;
}
html, body, #wrapper, #wrapper #inner-wrap {
  background-color: var(--pa-site-canvas) !important;
}
#wrapper #inner-wrap { color: var(--pa-site-ink); }
#wrapper #inner-wrap :is(.pa-analytics, .ph-home-analytics, .pa-brand-monitoring,
  .pa-sports-sponsorship, .panaccess-dc-page, .pa-partners,
  .pa-partner-section) {
  background-color: var(--pa-site-canvas) !important;
  color: var(--pa-site-ink);
}

/* Keep large content bands quiet; the original media and layout stay intact. */
#wrapper #inner-wrap :is(.kb-row-layout-wrap, .ph-section, .pa-section,
  .pbm-section, .pss-section, .panaccess-dc-intro, .panaccess-dc-service-feature,
  .panaccess-partner-extension) {
  background-color: var(--pa-site-canvas) !important;
}
#wrapper #inner-wrap .kt-row-layout-overlay {
  background: none !important;
}
#wrapper #inner-wrap :is(.pa-layout-hero, .pa-hero, .pbm-hero, .pss-hero,
  .panaccess-dc-hero, .entry-hero-container-inner,
  .pa-navy, .pa-contact-band, .ph-start,
  .pbm-competitors, .pbm-contact, .pss-measurement, .pss-contact,
  .panaccess-dc-workflow, .panaccess-dc-cta, .pa-partner-contact,
  .pa-contact-body) {
  background: var(--pa-site-panel) !important;
  color: var(--pa-site-ink) !important;
  border-color: var(--pa-site-border) !important;
}
#wrapper #inner-wrap :is(.pa-layout-hero, .pa-hero, .pbm-hero, .pss-hero,
  .panaccess-dc-hero)::before {
  background: none !important;
}
#wrapper #inner-wrap :is(.pa-lavender, .ph-deliverables, .ph-workflow,
  .pbm-features, .pss-reporting, .panaccess-dc-services,
  .panaccess-dc-gallery, .pa-faq-section, .pa-partner-section--soft,
  .pa-partner-expertise) {
  background: var(--pa-site-panel) !important;
}

/* White surfaces provide the same contrast as the About timeline and team. */
#wrapper #inner-wrap :is(.ph-card, .ph-step, .pa-card,
  .pbm-feature, .pss-measure, .panaccess-access-card,
  .panaccess-satellite-card, .pa-partner-note, .pa-contact-card,
  .pa-coverage-panel, .pa-report-outline, .pa-data-schema,
  .kt-blocks-info-box-link-wrap, .pa-partner-capability) {
  background-color: var(--pa-site-surface) !important;
  border-color: var(--pa-site-border) !important;
}
/* The workflow grid is spacing between cards, so its section shows through. */
#wrapper #inner-wrap .pa-workflow {
  background: transparent !important;
}
/* Partner tiles share a light surface; white-only artwork uses a dark display. */
#wrapper #inner-wrap .pa-partners :is(.pa-partner-mark, .pa-partner-logo-tile).pa-logo-on-dark {
  background: var(--pa-site-surface) !important;
  border-color: var(--pa-site-border) !important;
  color: var(--pa-site-ink) !important;
}
#wrapper #inner-wrap .pa-partners .pa-logo-on-dark img:is(
  [src$="baselayer-data-logo.svg"], [src$="bromteck-logo-white.png"]) {
  filter: brightness(0);
}
#wrapper #inner-wrap :is(.panaccess-dc-grid, .panaccess-dc-workflow-steps,
  .panaccess-dc-gallery-grid, .pss-use-grid, .pss-steps) > article {
  background-color: var(--pa-site-surface) !important;
  border-color: var(--pa-site-border) !important;
}

/* Replace the inverse text in formerly dark sections with readable ink. */
#wrapper #inner-wrap :is(.pa-layout-hero, .pa-hero, .pbm-hero, .pss-hero,
  .panaccess-dc-hero, .entry-hero-container-inner,
  .pa-navy, .pa-contact-band, .ph-start, .pbm-competitors, .pbm-contact,
  .pss-measurement, .pss-contact, .panaccess-dc-workflow,
  .panaccess-dc-cta, .pa-partner-contact, .kb-row-layout-wrap)
  :is(h1, h2, h3, h4, h5, h6) {
  color: var(--pa-site-ink) !important;
}
#wrapper #inner-wrap :is(.pa-layout-hero, .pa-hero, .pbm-hero, .pss-hero,
  .panaccess-dc-hero, .entry-hero-container-inner,
  .pa-navy, .pa-contact-band, .ph-start, .pbm-competitors, .pbm-contact,
  .pss-measurement, .pss-contact, .panaccess-dc-workflow,
  .panaccess-dc-cta, .pa-partner-contact, .kb-row-layout-wrap)
  :is(p, li, dt, dd) {
  color: var(--pa-site-muted) !important;
}
#wrapper #inner-wrap :is(.pa-layout-eyebrow, .pa-eyebrow-light,
  .pa-navy .pa-eyebrow, .ph-start .ph-eyebrow,
  .pbm-hero .pbm-eyebrow, .pbm-competitors .pbm-eyebrow,
  .pss-hero .pss-eyebrow, .pss-measurement .pss-eyebrow,
  .panaccess-dc-workflow .panaccess-dc-eyebrow,
  .panaccess-dc-hero .panaccess-dc-eyebrow) {
  color: var(--pa-site-accent) !important;
}
#wrapper #inner-wrap :is(.pa-layout-lead, .pbm-hero .pbm-lead,
  .pss-hero .pss-lead, .pa-layout-visual figcaption, .pbm-dashboard figcaption,
  .pa-contact-details > span, .pa-coverage-panel .pa-note) {
  color: var(--pa-site-muted) !important;
}
#wrapper #inner-wrap :is(.pa-layout-feature-title, .pa-layout-visual figcaption strong,
  .pa-source-list strong, .pa-navy strong) {
  color: var(--pa-site-ink) !important;
}
#wrapper #inner-wrap :is(.pss-measurement .pss-number,
  .pa-contact-details > a, .pa-text-link-white, .ph-start .ph-text-link,
  .pa-navy a:not(.pa-button), .pa-partner-contact a:not(.pa-partner-button)) {
  color: var(--pa-site-accent) !important;
}
#wrapper #inner-wrap .pbm-comparisons li::before {
  background: #eae3f6;
  color: var(--pa-site-accent);
}
#wrapper #inner-wrap .kb-row-layout-wrap .kt-highlight {
  background-color: transparent;
  color: var(--pa-site-accent) !important;
}
#wrapper #inner-wrap .kt-blocks-info-box-text { color: var(--pa-site-muted) !important; }

/* Primary calls to action remain distinct against the light hero panels. */
#wrapper #inner-wrap :is(.pa-layout-actions > a:first-child,
  .pa-button-white, .pbm-button--white, .pss-button--white) {
  background: var(--pa-site-accent) !important;
  border-color: var(--pa-site-accent) !important;
  color: #fff !important;
}
#wrapper #inner-wrap :is(.pa-layout-actions > a:not(:first-child),
  .pbm-button--outline, .pss-button--outline) {
  background: transparent !important;
  border-color: #b9adc9 !important;
  color: var(--pa-site-accent) !important;
}
#wrapper #inner-wrap :is(.pa-layout-actions > a:first-child,
  .pa-button-white, .pbm-button--white, .pss-button--white):hover {
  background: #98114d !important;
  border-color: #98114d !important;
  color: #fff !important;
}

/* Decorative separators blend into the new canvas rather than a dark band. */
#wrapper #inner-wrap :is(.kt-row-layout-top-sep, .kt-row-layout-bottom-sep) svg {
  fill: var(--pa-site-canvas) !important;
}
#wrapper #inner-wrap :is(.pa-wave, .ph-wave, .pbm-wave, .pss-wave, .pa-layout-wave) {
  color: var(--pa-site-canvas) !important;
}
#wrapper #inner-wrap .panaccess-dc-services::before {
  background: var(--pa-site-panel) !important;
}
#wrapper #inner-wrap :is(.pa-layout-hero, .pa-hero, .pbm-hero, .pss-hero,
  .pa-navy, .pa-contact-band, .ph-start, .pbm-contact, .pss-contact,
  .panaccess-dc-workflow, .panaccess-dc-cta, .pa-partner-contact)
  :is(a, button):focus-visible {
  outline-color: var(--pa-site-accent) !important;
}

/* Navigation displays the Panaccess wordmark on its own. */
body #masthead .pa-partner-branding > :is(.pa-rialytiq-brand, .pa-partner-times) {
  display: none !important;
}