/* Custom styles that Tailwind utilities don't cover. */

html {
  scroll-behavior: smooth;
  /* Keep anchor targets clear of the fixed 80px header. */
  scroll-padding-top: 5rem;
}

/* Bible references linked at runtime by RefTagger (js/reftagger.js).
   Text uses a deep gold (bolder than body copy) so it stands out and passes contrast; the underline uses the brand taupe-warm. */
a.rtBibleRef {
  color: #8a6421;
  font-weight: 600;
  text-decoration-line: underline;
  text-decoration-color: #baa27d;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  transition: color 150ms ease, text-decoration-color 150ms ease;
}

a.rtBibleRef:hover,
a.rtBibleRef:focus-visible {
  color: #191a1b;
  text-decoration-color: currentColor;
}