/* WCAG AA contrast fix — the ONLY colour overrides on the site.
 * Revert by deleting the <link> to this file in inc/layout.php.
 *
 * 1) Body text: theme --color-body was 'gray' (#808080) = 3.94:1 on white.
 *    #6b6b6b gives ~5.1:1 on white and ~4.9:1 on the light-grey sections
 *    (#eaf0f2, #f0f4f5) — passes the 4.5:1 minimum everywhere it sits.
 * 2) Buttons: theme primary #1ab69d gave white text 2.55:1. Buttons that
 *    render white text on the green now use #0f8572 (~4.7:1). The green is
 *    untouched everywhere else — headings, icons, borders, decorative shapes,
 *    link text — because axe flagged only these button/white-text cases
 *    plus the small teal text in .sparator (also fixed below).
 * Selectors mirror the theme's own (a.edu-btn etc.) for equal specificity. */
:root { --color-body: #6b6b6b; }

a.edu-btn,
button.edu-btn,
.edu-btn {
    background-color: #0f8572;
}

/* Hover slide-in: original gradient (#31b978→#1ab69d) is lighter than the
 * new green, so it's replaced with an equally-directional darker gradient. */
a.edu-btn:after,
button.edu-btn:after,
.edu-btn:after {
    background: -webkit-linear-gradient(right, #0c6f5f 0%, #0f8572 100%);
    background: linear-gradient(-90deg, #0c6f5f 0%, #0f8572 100%);
}

/* Variants whose hover state turns green with white text */
a.edu-btn.btn-border:hover,
button.edu-btn.btn-border:hover,
.edu-btn.btn-border:hover {
    background-color: #0f8572;
    border-color: #0f8572;
}
a.edu-btn.btn-secondary:hover,
button.edu-btn.btn-secondary:hover,
.edu-btn.btn-secondary:hover {
    background-color: #0f8572;
}

/* axe-flagged: small teal text inside the hero's circle separator
 * (text only — the decorative light-teal border stays). */
.sparator span,
.edu-cta-box .inner .sparator span {
    color: #0f8572;
}

/* axe-flagged: FAQ accordion headers are white text on theme green */
.faq-accordion .accordion-item .accordion-button {
    background-color: #0f8572;
}

/* axe-flagged: red highlight word inside sidebar/widget titles
 * (#ee4a62 on #f5f9fa = 3.42:1). Darker red keeps the accent role. */
.edu-blog-widget.widget-action .inner .title span,
h4.title > span {
    color: #b3122e;
}