/* Core sales-page accessibility: preserve the brand palette while meeting WCAG AA. */

/* Terracotta text on light surfaces needs the darker brand rust. */
.hero .eyebrow,
.sec-head .eyebrow,
.enterprise-arch .eyebrow,
#cai-view-intro .cai-vi-links a,
.card .cp-cert,
.card .open,
.slider-head .sv,
.proof-demo-kicker,
.proof-demo-badge,
.cai-reader-kicker,
footer .logo b {
  color: var(--terra-deep, #9E3D22) !important;
}

/* The partner band is dark, so use the light brand accent there. */
#adopt .eyebrow {
  color: #E8A07F !important;
}

/* "Any" has no tier colour token; keep the selected state readable. */
.chip.tier.active[data-tier="all"] {
  background: var(--graphite) !important;
  border-color: var(--graphite) !important;
  color: var(--paper) !important;
}

/* L3 badges: darker terracotta supports white text at AA contrast. */
.sc-tier,
.card[style*="--bc:var(--t3)"] .badge,
.step[style*="--sc:var(--t3)"] .sbadge {
  background: var(--terra-solid, #A94A2C) !important;
  color: #fff !important;
}

/* L2 sand is intentionally light; pair it with graphite rather than white. */
.card[style*="--bc:var(--t2)"] .badge,
.step[style*="--sc:var(--t2)"] .sbadge {
  color: var(--graphite) !important;
}

/* Stabilise the ROI panel for automated and keyboard accessibility checks.
   Its declared light-on-dark colours already pass; the reveal transition can
   otherwise be sampled mid-opacity by Lighthouse/axe. */
.calc.reveal {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}
.calc-out .ch-note,
.res-hero .rsub,
.res-cell .rl,
.calc-disc {
  color: #CFC8BB !important;
}
.calc-disc strong {
  color: #F5F0E8 !important;
}