/* Explicit reviewed dark surfaces only. Paint overrides leave native motion,
   layout, icons, official badges and utility controls alone. */
:is(
  .u-theme-dark,
  .big-head_wrap[data-wf--section-display-title-variant--section-theme="brand"],
  .xbr-roofing > section:nth-of-type(2),
  .xbr-roofing > section:nth-of-type(4),
  .xbr-roofing > section:nth-of-type(6),
  .xbr-roofing > section:nth-of-type(10),
  .xbr-trade > section:nth-of-type(3),
  .xbr-trade > section:nth-of-type(5),
  .xbr-platform > section:nth-of-type(2),
  .xbr-platform > section:nth-of-type(6),
  .xbr-product .xp-workflow,
  .xbr-insurance-benefits,
  .xbr-insurance-related,
  :is(main, div).min-h-screen.bg-background:not([class*="xbr-"])
) :is(
  .button_main_element,
  .button_hover_element,
  .xp-button:not(.xbr-action),
  .xbr-insurance-button-gold:not(.xbr-action),
  .xbr-insurance-button-outline:not(.xbr-action),
  [data-xbuild-marketing-button]:not([id^="download-app-"]):not(.xbr-no-action)
) {
  background-color: #e8b430 !important;
  border-color: #e8b430 !important;
  color: #080808 !important;
}

:is(
  .u-theme-dark,
  .big-head_wrap[data-wf--section-display-title-variant--section-theme="brand"],
  .xbr-roofing > section:nth-of-type(2),
  .xbr-roofing > section:nth-of-type(4),
  .xbr-roofing > section:nth-of-type(6),
  .xbr-roofing > section:nth-of-type(10),
  .xbr-trade > section:nth-of-type(3),
  .xbr-trade > section:nth-of-type(5),
  .xbr-platform > section:nth-of-type(2),
  .xbr-platform > section:nth-of-type(6),
  .xbr-product .xp-workflow,
  .xbr-insurance-benefits,
  .xbr-insurance-related,
  :is(main, div).min-h-screen.bg-background:not([class*="xbr-"])
) :is(
  .button_hover_element,
  :is(a, button):is(:hover, :focus-visible) > .button_main_element,
  .xp-button:not(.xbr-action):is(:hover, :focus-visible),
  .xbr-insurance-button-gold:not(.xbr-action):is(:hover, :focus-visible),
  .xbr-insurance-button-outline:not(.xbr-action):is(:hover, :focus-visible),
  [data-xbuild-marketing-button]:not([id^="download-app-"]):not(.xbr-no-action):is(:hover, :focus-visible)
) {
  background-color: #f4c34a !important;
  border-color: #f4c34a !important;
  color: #080808 !important;
}

/* Text-only sales links retain their existing presentation. */
:is(
  .u-theme-dark,
  .big-head_wrap[data-wf--section-display-title-variant--section-theme="brand"],
  .xbr-roofing > section:nth-of-type(2),
  .xbr-roofing > section:nth-of-type(4),
  .xbr-roofing > section:nth-of-type(6),
  .xbr-roofing > section:nth-of-type(10),
  .xbr-trade > section:nth-of-type(3),
  .xbr-trade > section:nth-of-type(5),
  .xbr-platform > section:nth-of-type(2),
  .xbr-platform > section:nth-of-type(6),
  .xbr-product .xp-workflow,
  .xbr-insurance-benefits,
  .xbr-insurance-related,
  :is(main, div).min-h-screen.bg-background:not([class*="xbr-"])
) a:is([data-xbuild-sales], .xbr-text-link, [href="/contact"], [href="/es/contact"]):not(.xbr-action):not([data-xbuild-marketing-button]):not(:has(.button_main_element)) {
  color: #e8b430 !important;
}