/*
 * ORB Setups fixes found by tools/audit.js (2026-10-10).
 * Ratios before / after; text needs 4.5:1. Color rules sit under
 * html.ks-a11y-colors like every profile.
 */

/* Muted grey #8a8a84 (3.4:1) used for labels, card text and footer copy > 5.5:1 */
html.ks-a11y-colors,
html.ks-a11y-colors body,
html.ks-a11y-colors .orbdu-page {
    --orb-text-muted: #686863 !important;
    --orbd-text-muted: #686863 !important;
}
html.ks-a11y-colors .orb-label,
html.ks-a11y-colors .orb-mock-card-label,
html.ks-a11y-colors #orb-mock-card > div,
html.ks-a11y-colors .orb-card > div > span,
html.ks-a11y-colors footer p,
html.ks-a11y-colors footer a[href*="tosindicators.com"],
html.ks-a11y-colors [style*="#8a8a84"],
html.ks-a11y-colors [style*="#a1a19a"] {
    color: #686863 !important;
}

/* Bright green check marks and the "Long" side tag: 2.1 to 2.3 > 5.0 to 6.5:1 */
html.ks-a11y-colors li > span[style*="#22c55e"] {
    color: #15803d !important;
}
html.ks-a11y-colors #mc-side,
html.ks-a11y-colors .orb-mock-side-long {
    color: #166534 !important;
}
/* Dark scanner mockup: keep its labels light (the muted-grey fix above is for light backgrounds) */
html.ks-a11y-colors .orb-mock-scanner [style*="#8a8a84"],
html.ks-a11y-colors .orb-mock-header span,
html.ks-a11y-colors #orb-mock-time { color: #a8a8a2 !important; }
html.ks-a11y-colors .orb-mock-cols span { color: rgba(255, 255, 255, 0.72) !important; }
/* Scanner login fields: typed text #757575 was 4.49:1 */
html.ks-a11y-colors input[type="text"], html.ks-a11y-colors input[type="password"] { color: #4b5563 !important; }