/* Site-wide polish on top of Base.astro:
 *   - Universal focus-visible (keyboard users get a clear ring everywhere)
 *   - Defensive prefers-reduced-motion (belt + suspenders with Base.astro)
 *   - Skip-link made visible on focus
 * Reveal-on-scroll itself is handled in Base.astro via [data-reveal] → br-reveal--in.
 */

/* Accessibility — respect user's 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;
  }
}

/* Universal focus-visible. Red accent ring, clear and brand-on. */
a:focus-visible,
button:focus-visible,
select:focus-visible,
input:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible {
  outline: 2px solid var(--red, #EF492C);
  outline-offset: 2px;
  border-radius: 2px;
}

/* Images with no alt attribute — flag visually in dev, but still render. */
img:not([alt]) {
  outline: 2px dashed var(--red, #EF492C);
}

/* Better underline for inline links inside body copy */
p a, li a, dd a {
  text-underline-offset: 0.14em;
  text-decoration-thickness: 0.06em;
}