/**
 * RememberConnect — site-wide accessibility primitives.
 *
 * Include via <link rel="stylesheet" href="/rc-a11y.css"> on any page
 * that doesn't already have its own skip-link / focus / link-color CSS.
 *
 * Provides:
 *   1. Skip-to-content link (visible only when focused, for keyboard users)
 *   2. :focus-visible outline on every focusable element
 *   3. Reduced-motion preference handling
 *   4. WCAG AA-compliant gold color for body-copy text links
 */

/* ── Skip-to-content link ───────────────────────────────────────────── */
.skip-link {
  position: absolute;
  top: -40px;
  left: 8px;
  background: #3a2000;
  color: #fff;
  padding: 10px 16px;
  border-radius: 0 0 6px 6px;
  font-family: 'Cinzel', serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-decoration: none;
  z-index: 10000;
  transition: top 0.15s;
}
.skip-link:focus {
  top: 0;
  outline: 2px solid #c89820;
  outline-offset: 2px;
}

/* ── Visible focus ring (keyboard users only) ──────────────────────── */
:focus-visible {
  outline: 2px solid #c89820;
  outline-offset: 2px;
  border-radius: 3px;
}

/* ── Respect reduced-motion preference ──────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ── WCAG AA gold for body-copy links ───────────────────────────────── */
/* Targets links INSIDE main content areas, excluding buttons + nav.       */
/* Page-specific button/nav classes keep their own colors via specificity. */
main a:not([class*="btn"]):not([class*="nav"]):not(.skip-link):not(.scripture-ref):not(.tab):not(.chip),
.contact-card p a,
.contact-subtext a,
.info-box a:not([class*="btn"]),
.switch-prompt a,
.field-hint a,
.about-content a:not([class*="btn"]),
.parallel-grid a:not([class*="btn"]):not([class*="nav"]),
.section-content a:not([class*="btn"]):not([class*="nav"]) {
  color: #a07408;
}
main a:not([class*="btn"]):not([class*="nav"]):not(.skip-link):not(.scripture-ref):not(.tab):not(.chip):hover,
.contact-card p a:hover,
.contact-subtext a:hover,
.info-box a:not([class*="btn"]):hover,
.switch-prompt a:hover,
.field-hint a:hover,
.about-content a:not([class*="btn"]):hover,
.parallel-grid a:not([class*="btn"]):not([class*="nav"]):hover,
.section-content a:not([class*="btn"]):not([class*="nav"]):hover {
  color: #6e5210;
}