/* ============================================================
   a11y.css — WCAG AA contrast corrections
   Loaded LAST so it overrides the design-system sheets.
   Brand colors are unchanged on dark/navy backgrounds, where
   they already pass. These rules only touch text that sits on
   WHITE or LIGHT-GRAY backgrounds, which measured below 4.5:1.
   ============================================================ */
:root{
  --color-gold-text:#8A6A1F;  /* 5.05:1 on #fff, 4.78:1 on #F7F9FC */
  --color-blue-text:#226FA6;  /* 5.40:1 on #fff */
  --color-footer-muted:#8B97A6; /* 5.93:1 on #091930 */
}

/* --- gold used as small text on light backgrounds (was 2.82–2.97:1) --- */
.eyebrow:not(.eyebrow-light),
.section-head .eyebrow,
.value-num,
.rec-card .tag,
.art-related-card .tag,
.serv-card .tag,
.recognition-lede strong,
.serv-hero-meta strong,
.about-editorial .about-role{
  color:var(--color-gold-text);
}

/* active nav item: was an inline style (unoverridable), now a class */
.nav-active{color:var(--color-blue-text);font-weight:600;}

/* --- blue links/CTAs on light backgrounds (was 3.94:1) ---
   NOTE the :not([class*="btn"]) on .art-body a. Without it this rule also hits
   .art-tool-callout-btn, a gold-background button whose own navy text already
   passes at ~8:1 - recolouring it blue dropped it to 2.45:1. Only recolour
   links that sit on the page background, never ones with their own fill. */
nav .nav-links a,
.service-tile-cta,
.rec-card-read,
.serv-grid-note a,
.art-body a:not([class*="btn"]),
.art-body a.glossary-link,
.featured-read,
.art-back{
  color:var(--color-blue-text);
}
.art-body li::marker{color:var(--color-blue-text);}

/* --- regulatory disclosure in the footer (was 3.86:1 on navy) --- */
.footer-regulatory p,
.footer-license,
.footer-bottom p{
  color:var(--color-footer-muted);
}

/* keep accents on dark surfaces untouched */
.eyebrow-light,
.hero-home-text h1 .accent,
.page-hero-v2 h1 .accent,
.rec-hero h1 .accent,
.serv-hero h1 .accent,
.hero-flow-step--accent .hero-flow-num,
.hero-flow-step--accent .hero-flow-label,
.cta-v2 .eyebrow{
  color:var(--color-gold);
}

/* focus visibility for keyboard users */
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{
  outline:3px solid var(--color-blue-text);
  outline-offset:2px;
  border-radius:3px;
}

/* --- token override -------------------------------------------------
   --color-gold-deep (#B8902F) is defined in nosotros-improved.css as the
   "gold for light backgrounds" token. It measures 2.97:1 on white, which
   fails AA. All 8 of its usages are text on light surfaces:
     .value-num  .featured-tag  .contact-tile-icon-hours  .eyebrow
     .mv-card-vision .mv-icon   .alliance-recognition-medal
     .alliance-recognition-body p strong   .serv-process-num
   Redefining the token fixes every one of them at 5.05:1.
   The bright --color-gold (#D4A853) is untouched: it is the on-navy accent.
   -------------------------------------------------------------------- */
:root{ --color-gold-deep:#8A6A1F; }

/* --- found by rendered-DOM audit (not visible in the source HTML) ---
   Same selector specificity as the rules they override; a11y.css loads last. */
nav .lang-toggle .active{ color:var(--color-blue-text); }        /* was 3.94:1 on white  */
.cred-card-v2 .cred-org{ color:var(--color-blue-text); }         /* was 3.73:1 on #F7F9FC */
.cred-card-v2 p.cred-verify a{ color:var(--color-blue-text); }   /* SSRP licence link, 3.73:1 */