/*
 * Volatility Box fixes found by tools/audit.js (2026-10-09).
 *
 * Color rules are scoped to html.ks-a11y-colors (preview with ?a11y-colors=1)
 * until approved. Ratios are measured before / after; body text needs 4.5:1,
 * large text (24px+, or 18.7px+ bold) and icons 3:1.
 */

/* ---------- layout (always on) ---------- */

/* Docs search box edge was 1.1:1 against the page (1.4.11 needs 3:1) */
#docsSearch {
    border-color: #6b757b !important;
}

/* ---------- colors (preview until approved) ---------- */

/* The grey second half of section headings ("... and futures traders."):
   #9aa4ab was 2.3 to 2.5:1. Still lighter than the first half, now 3.4:1+ */
html.ks-a11y-colors .vbfp h2 .m,
html.ks-a11y-colors .vblp h2 .m,
html.ks-a11y-colors .fhero h1 .m {
    color: #7c868d !important;
}

/* Same grey in card titles, which at 22px count as normal text (4.5:1) */
html.ks-a11y-colors .vblp .card h3 .m,
html.ks-a11y-colors .vbfp .card h3 .m,
html.ks-a11y-colors .gcard h3 .m,
html.ks-a11y-colors .row2 h3 .m {
    color: #66717a !important;
}

/* Small grey labels, units and "/ mo" next to prices: 2.0 to 2.5:1 > 4.6:1+ */
html.ks-a11y-colors .vblp .tk .n .u,
html.ks-a11y-colors .vbfp .pcard .ph,
html.ks-a11y-colors .vblp .pcard .ph,
html.ks-a11y-colors .vblp .cloud .lab,
html.ks-a11y-colors .vbfp .plan .amt span,
html.ks-a11y-colors .vblp .plan .amt span,
html.ks-a11y-colors .vblp h2 span[style*="8b969d"],
html.ks-a11y-colors .archive-card-footer .mono {
    color: #66717a !important;
}

/* ...except on the dark featured plan, where it stays light: 3.6 > 7:1 */
html.ks-a11y-colors .plan.feat .amt span {
    color: #a7b0b6 !important;
}

/* "As used by" name cloud: #c2cacf was 1.5:1 */
html.ks-a11y-colors .vblp .logos span {
    color: #66717a !important;
}

/* Green "LIVE" tag, 11px: #10b981 was 2.5:1 > 5.5:1 */
html.ks-a11y-colors .tlive {
    color: #047857 !important;
}

/* Footer text on the dark navy: 2.0 to 4.1:1 > 6.3:1 */
html.ks-a11y-colors .v2-footer .ft-col-head,
html.ks-a11y-colors .v2-footer .footer-inner p,
html.ks-a11y-colors .v2-footer .ft-bottom span,
html.ks-a11y-colors .v2-footer [style*="rgba(232,226,214,.25)"],
html.ks-a11y-colors .v2-footer [style*="rgba(232,226,214,.4)"] {
    color: #9aa6a8 !important;
}

/* "Developers: get API access" line (ks-api-waitlist mu-plugin, faded to
   75% opacity): 2.7:1 > 6.3:1 */
html.ks-a11y-colors div:has(> a[href$="/api/"][style*="color:inherit"]) {
    opacity: 1 !important;
}
html.ks-a11y-colors a[href$="/api/"][style*="color:inherit"] {
    color: #595959 !important;
}
/* "/ mo" next to prices: dark grey on the light cards, light grey on the dark ones */
html.ks-a11y-colors .vbfp .plan .amt > span { color: #5f6a70 !important; }
html.ks-a11y-colors .vbfp .plan.feat .amt > span,
html.ks-a11y-colors .vblp .price .plan .amt > span { color: #a7b0b6 !important; }
html.ks-a11y-colors .vbp-meta { color: #5f6a70 !important; }
html.ks-a11y-colors .legal-content a { color: #08707f !important; }