/* Targeted contrast and feature-card spacing fixes, September 2026. */
:root {
  --dx3-polish-light-muted: #52677c;
  --dx3-polish-light-accent: #c74428;
  --dx3-polish-dark-muted: #c8d6e3;
  --dx3-polish-on-orange: #0b192c;
  --dx3-polish-feature-heading-gap: 12px;
}

/* Magento/Woo landing components share the .dxm visual system. */
main.dxm :is(.dxm-section, .dxm-pci, .dxm-enquiry) {
  --muted: var(--dx3-polish-light-muted);
}
main.dxm :is(.dxm-section, .dxm-pci, .dxm-enquiry) .dxm-kicker,
main.dxm .dxm-outcomes article > span {
  color: var(--dx3-polish-light-accent);
}
main.dxm .dxm-offer > p:not(.dxm-kicker),
main.dxm .dxm-outcomes article > p {
  color: var(--dx3-polish-light-muted);
}
main.dxm .dxm-hero .dxm-reassure,
main.dxm .dxm-hero .dxm-console-head,
main.dxm .dxm-hero .dxm-signal {
  color: var(--dx3-polish-dark-muted);
}
main.dxm .dxm-btn,
main.dxm .dxm-btn:hover,
main.dxm .dxm-btn:focus-visible {
  color: var(--dx3-polish-on-orange) !important;
}
main.dxm .dxm-btn:focus-visible {
  outline: 3px solid var(--dx3-polish-on-orange);
  outline-offset: 3px;
}
main.dxm .dxm-outcomes article h3,
main.dxm .dxm-reasons > div h3 {
  margin-bottom: var(--dx3-polish-feature-heading-gap);
}
main.dxm .dxm-num {
  color: var(--dx3-polish-light-accent);
}

/* Magento Shared uses a separate but closely related card system. */
.dm-redesign :is(.dm-intro, .dm-packages, .dm-included) .dm-kicker {
  color: var(--dx3-polish-light-accent);
}
.dm-redesign .dm-feature > span {
  color: var(--dx3-polish-light-muted);
}
.dm-redesign .dm-feature h3 {
  margin-bottom: var(--dx3-polish-feature-heading-gap);
}
.dm-redesign :is(.dm-btn-primary, .dm-popular) {
  color: var(--dx3-polish-on-orange) !important;
}
.dm-redesign .dm-price-note a {
  color: #126596;
}
.dm-redesign .dm-cta {
  background: linear-gradient(110deg, #df6330, #d85b30);
}
.dm-redesign .dm-cta .dm-kicker {
  color: var(--dx3-polish-on-orange);
}

/* Earlier homepage and Woo shared templates use the lighter blue palette. */
body.home .platform-card .card-kicker,
.woo-redesign .woo-plan-kicker {
  color: #126596;
}
body.home .contact-box > div:last-child > p,
body.home .contact-box .phone,
.woo-redesign .woo-contact-box > div:last-child > p {
  color: var(--dx3-polish-on-orange);
}
body.home .button.primary,
.woo-redesign .woo-button-primary,
.woo-redesign .woo-popular {
  color: var(--dx3-polish-on-orange) !important;
}
body.home .status-card small,
body.home .ticket small {
  color: var(--dx3-polish-light-muted);
}
.woo-redesign .woo-support-ticket small,
.woo-redesign .woo-price span {
  color: var(--dx3-polish-light-muted);
}
.woo-redesign .woo-plan-card li span {
  color: var(--dx3-polish-light-muted);
}
.woo-redesign .woo-tier-note a {
  color: #ffad83 !important;
}

/* The WooCommerce hub and the power-cluster page have their own card systems. */
.dxw :is(.dxw-pci, .dxw-section) .dxw-kicker,
.dxw .dxw-num,
.dxw .dxw-problems article > span,
.dxw .dxw-migration li b {
  color: var(--dx3-polish-light-accent);
}
.dxw .dxw-btn,
.dxw .dxw-form input[type=submit] {
  color: var(--dx3-polish-on-orange) !important;
}
.dxw .dxw-client-mark span {
  color: var(--dx3-polish-light-accent);
}
.pc-redesign .pc-arch-flow article span,
.pc-redesign .pc-feature-grid article > span {
  color: #326779;
}
.pc-redesign .pc-section-head .pc-kicker,
.pc-redesign .pc-shell.pc-split .pc-kicker,
.pc-redesign .pc-plan-type {
  color: var(--dx3-polish-light-accent);
}
.pc-redesign :is(.pc-btn-orange, .pc-badge, .pc-popular) {
  color: var(--dx3-polish-on-orange) !important;
}
.pc-redesign .pc-product-link,
.pc-redesign .pc-final-proof a {
  color: #126596;
}
.pc-redesign .pc-section-head > p {
  color: var(--dx3-polish-light-muted);
}

/* Contact and SSL copy on pale backgrounds. */
.info-redesign {
  --muted: var(--dx3-polish-light-muted);
}
.info-redesign .in-form-card .in-kicker,
.info-redesign .in-section:not(.in-reviews) .in-kicker,
.info-redesign .in-nav span,
.info-redesign .in-next article > span,
.info-redesign .in-legal-document:not([open]) summary small {
  color: var(--dx3-polish-light-accent);
}
.info-redesign .in-review-track footer > span {
  color: #286883;
}
.info-redesign .in-contact-form button {
  color: var(--dx3-polish-on-orange) !important;
}
.info-redesign .njt_gdpr_policy_accept_btn {
  color: #fff !important;
}
.dxssl :is(.dxssl-products, .dxssl-explain, .dxssl-steps) .dxssl-kicker,
.dxssl .dxssl-card-label {
  color: var(--dx3-polish-light-accent) !important;
}
.dxssl .dxssl-explain-copy {
  color: var(--dx3-polish-light-muted);
}
.dxssl .dxssl-actions .dxssl-btn {
  color: var(--dx3-polish-on-orange) !important;
}
.dxssl .dxssl-cta .dxssl-kicker {
  color: var(--dx3-polish-on-orange);
}
