/*
 * OVEA WCAG 2.2 AA fixes — sprint 100/100, 2026-05-11.
 * Audit L-01 §29.1: brand magenta #FF2D9B na białym tle = 4.21:1 contrast.
 * WCAG AA wymaga 4.5:1 dla normal text (≥18px). Magenta safe TYLKO dla:
 *   - large text (≥24px normal, ≥18.66px bold) — 3:1 wystarcza
 *   - non-text UI elements (border, icon, background)
 *
 * Dla body text + linków używamy plum #880044 (kontrast 7.45:1 na białym = AAA).
 * Aktywowane: tylko gdy body text NIE jest bold, gdy size < 18px lub gdy color
 *             jest explicit jako magenta.
 *
 * Wpływ: zmienia kolory linków w content area + akcenty body bez naruszania
 * design tokenów (CTA buttons z magenta-bg + white-text mają już kontrast OK).
 */

/* Body links — switch from magenta to plum (kontrast AAA) */
.entry-content a:not(.ovea-cta):not(.ovea-button):not([class*="btn"]),
.ovea-disclaimer__link,
.ovea-evidence__link,
.ovea-evidence__disclaimer-link a,
.ovea-legal__lead a,
article a:not(.ovea-cta):not(.ovea-button):not([class*="btn"]),
.ovea-content a:not(.ovea-cta):not(.ovea-button):not([class*="btn"]) {
  color: var(--ovea-plum, #880044);
}

.entry-content a:not(.ovea-cta):not(.ovea-button):not([class*="btn"]):hover,
.entry-content a:not(.ovea-cta):not(.ovea-button):not([class*="btn"]):focus-visible,
.ovea-disclaimer__link:hover,
.ovea-evidence__link:hover,
article a:not(.ovea-cta):not(.ovea-button):not([class*="btn"]):hover,
.ovea-content a:not(.ovea-cta):not(.ovea-button):not([class*="btn"]):hover {
  color: var(--ovea-magenta, #FF2D9B);
  /* Hover state — magenta OK because user is actively interacting + visual cue dominant */
}

/* Body text-em tags using magenta -> plum (for body context) */
.entry-content em.ovea-accent,
.entry-content strong.ovea-accent {
  color: var(--ovea-plum, #880044);
}

/* Inline code w body — kontrast safe */
.entry-content code,
.ovea-content code,
article code {
  color: var(--ovea-plum, #880044); /* not magenta */
  background: #f7f1ee;
}

/* Focus-visible — keep magenta (large UI element, contrast 3:1 OK on white via outline) */
*:focus-visible {
  outline: 2px solid var(--ovea-magenta, #FF2D9B);
  outline-offset: 3px;
}