/*
 * Colour contrast (2026-10-09): WCAG 2.1 AA fixes from an axe scan of the
 * live site. Loaded after every other stylesheet. Same palette, nudged:
 * - Buttons: navy text on cobalt was 3.26:1. The button fill is now a 25%
 *   cobalt tint (#409fc3, 4.88:1 with the same navy text); hover goes lighter
 *   (#66b2cf, 6.19:1) instead of darker (navy on #005372 was 1.73:1).
 * - Cobalt text (eyebrows, "See all →" links) only sits on the dark grounds,
 *   where #007faf was 3.26:1: lifted to #4da5c7 (5.27:1), and to #99ccdf on
 *   the lighter ink-2 cards (4.86:1).
 * - Muted greys in the product mock-ups, the faint "Hover a stage" hint and
 *   the score colours on the light ASCEND report card.
 */

/* Buttons: real-markup pages, header CTA, footer form, block buttons. */
.dx-real .bg-accent.text-ink,
header#masthead .main-navigation .main-nav ul li.dx-nav-cta a,
.dx-footer .dx-footer-form button[type="submit"],
.dx-btn-primary {
	background-color: #409fc3;
	color: #002c3d;
}
.dx-real .bg-accent.text-ink:hover,
.dx-real .bg-accent.text-ink:focus-visible,
header#masthead .main-navigation .main-nav ul li.dx-nav-cta a:hover,
.dx-footer .dx-footer-form button[type="submit"]:hover,
.dx-btn-primary:hover {
	background-color: #66b2cf;
	color: #002c3d;
}

/* Cobalt text on the dark grounds. */
.dx-real .text-accent,
.dx-real .text-accent\/70,
.dx-footer-eyebrow,
.dx-footer-form .dx-req {
	color: #4da5c7;
}
.dx-real [class*="bg-ink-2"] .text-accent {
	color: #99ccdf;
}
.dx-real .text-accent.hover\:text-accent-strong:hover,
.dx-real .text-accent.group-hover\:text-accent-strong:is(:where(.group):hover *) {
	color: #80bfd7;
}

/* Muted text in the dark product mock-ups (ASCEND page, homepage). */
.dx-real .text-zinc-500,
.dx-real .text-zinc-600,
.dx-ap-chrome .label,
.dx-ap-scan .head p.t2 {
	color: #a1a1aa;
}
.dx-real .text-cream\/50 {
	color: rgb(247 243 234 / 0.75);
}

/* Light cobalt label ("↓ Scanning ↓") on the white ASCEND section. */
.dx-real .bg-white .font-mono.text-cobalt-tint-40 {
	color: #005372;
}

/* Score colours on the light report card (inline styles in the markup). */
.dx-real .text-ink\/95 > [style*="#10b981"] { color: #047857 !important; }
.dx-real .text-ink\/95 > [style*="#f59e0b"] { color: #b45309 !important; }
.dx-real .text-ink\/95 > [style*="#ef4444"] { color: #b91c1c !important; }