/* WCAG AA contrast corrections for the marketing site.
 *
 * A separate, last-loaded layer rather than edits spread across the eight
 * stylesheets that build this site. Every change is in one place, every value
 * is here to satisfy a measured ratio, and reverting the whole thing is one
 * deleted link tag.
 *
 * Measured against #fffdf8, the lightest page background, with margin so the
 * slightly darker card and section backgrounds also clear the bar. Body text
 * needs 4.5:1; text at 24px, or 18.66px bold, needs 3:1.
 *
 * Brand colour is not changed. --gold still fills buttons, rules and borders,
 * where contrast requirements do not apply. Only gold used AS TEXT on a light
 * background is darkened, because #c9a648 on paper is 2.29:1 and a 10px
 * kicker set in it cannot be read.
 *
 * !important is used deliberately. This layer exists to be the final word on
 * legibility across stylesheets that already fight each other for it.
 */

/* Kickers are #bb9847, which is 2.4:1 on the light sections and 6.12:1 on
 * the dark ones. Darkening all of them fixed the first and broke the second,
 * so the site's own .dark section class does the discriminating.
 */
.kicker,
.section-kicker {
  color: #7d662d !important;
}

.dark .kicker,
.dark .section-kicker {
  color: #e6c877 !important;
}

/* The gold display emphasis in the headlines is 1.53:1 and genuinely hard
 * to read, but "em" also marks perfectly legible dark text elsewhere and CSS
 * cannot tell the two apart. A blanket rule recoloured text that was already
 * fine, so this is left for a surface-aware token rather than fixed badly.
 */

/* "See how it works" sat at 1.15:1 -- near-black on the dark band, which is
 * as close to invisible as text gets while still being in the DOM. */
.actions a.link {
  color: #e8edf4 !important;
}


/* A blanket `ul > li` rule was here. It fixed the light sections and took
 * four headline list items on the dark band from 5.94:1 to 1.9:1. Lists on
 * this site live on both surfaces and CSS cannot tell them apart, so the
 * rule is gone: those items need a surface-aware token, not an override.
 */

article > h4 {
  color: #7d662d !important;
}


/* WCAG 2.2 SC 2.5.8 target size, 24x24 minimum.
 *
 * min-height is the whole fix and it is safe to apply to every anchor:
 * an inline anchor ignores min-height by definition, so only block and
 * inline-block links -- the "Learn more", "View role profile" and card links
 * that were 14 to 17px tall -- are affected. Inline links inside sentences,
 * which the spec exempts anyway, are untouched.
 */
a {
  min-height: 24px;
}

a.role-card-link,
a.team-card-link,
.actions a.link,
nav > a {
  display: inline-flex;
  align-items: center;
}