/* Use the logo flame blue for filled website actions. */
:root {
  --gd-button-blue: #44b3e8;
  --gd-button-text: #ffffff;
}
:root body :is(.button-dark, .button-primary, .nav-action, .gd-button, .preview-design-button, .skip-link),
:root body :is(.button-dark, .button-primary, .nav-action, .gd-button, .preview-design-button, .skip-link):is(:hover, :focus-visible, :active) {
  background: var(--gd-button-blue);
  border-color: var(--gd-button-blue);
  color: var(--gd-button-text);
}
:root body :is(.button-dark, .button-primary, .nav-action, .gd-button, .preview-design-button, .skip-link) :where(*) {
  color: inherit;
}
/* Keep carousel controls in the same palette when they become filled. */
:root body :is(.industry-carousel-toolbar, .offer-slider-controls) button:is(:hover, :focus-visible):not(:disabled) {
  background: var(--gd-button-blue);
  border-color: var(--gd-button-blue);
  color: var(--gd-button-text);
}