/* Shared WCAG AA corrections for reference components in frontend and editor. */

/* Copper Wash is the accessible brand accent on Tower Navy; white copy is used on Signal Copper. */
.download-hero .eyebrow {
  color: var(--ft-copper-100);
}

.pilot-scope-grid .eyebrow-light,
.resource-bridge p {
  color: var(--ft-white);
}

/* Legacy tone-green now maps to Copper Wash and needs its strong surface pair. */
.tone-green {
  --brand: var(--ft-copper-800);
  --muted: var(--ft-navy-800);
}

.tone-green .text-link {
  color: var(--ft-copper-800);
}

.tone-green .section-list p,
.tone-green .section-steps p,
.tone-green .route-section-copy > p:not(.eyebrow) {
  color: var(--ft-navy-800);
}

/* Compact product previews use the semantic secondary-text token at every size. */
.product-sidebar > span,
.product-heading small,
.product-stats > span,
.search-line > span,
.table-head > span {
  color: var(--ft-color-text-muted);
}

/* The guide names Steel as its WCAG-AA secondary text color; keep all muted labels on that token. */
.guide {
  --muted: var(--ft-color-text-muted);
}

/* Small data labels need the stronger copper pair on Paper surfaces. */
.knowledge-index span {
  color: var(--ft-copper-800);
}