/* Accessibility overrides (WCAG 2.1 AA). Loaded after the main stylesheets. */

/* 1.4.3 Contrast: accent text on white/paper is often too light.
   --gold-ink is a darker accent computed from the panel settings to reach at least 4.6:1 on paper. */
.eyebrow { color: var(--gold-ink, #8A5C0B); }
.hero .eyebrow { color: var(--gold); } /* on the main-colour hero, the plain accent reads well */

/* 1.4.11 / 2.4.7 Focus: accent ring on white is too faint. Main colour on light, accent on dark. */
:where(a, button, summary, [tabindex]):focus-visible { outline: 3px solid var(--blue); outline-offset: 2px; border-radius: 4px; }
:where(.hero, .site-footer) :where(a, button, summary):focus-visible { outline-color: var(--gold); }
.wp-block-navigation__responsive-container.is-menu-open :where(a, button):focus-visible { outline-color: var(--blue); }

/* Keep focused items visible below the sticky header (2.4.11-friendly). */
html { scroll-padding-top: 6rem; }

/* Respect users who turn off animations. */
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
	.link-card a:hover { transform: none; }
}

/* Underline inline links inside body text so they don't rely on colour alone (1.4.1). */
.page-body p a, .page-body li a, .wp-block-post-content p a, .wp-block-post-content li a { text-decoration: underline; text-underline-offset: .15em; }