html {
  scroll-behavior: smooth;
}

:root {
  --accent: #3D6E6C;
  --accent-40: rgba(61, 110, 108, 0.4);
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}

body {
  font-size: 17px;
}

/* Tailwind's CDN build doesn't include an official serif/sans variable-weight
   italic pairing check — this just guarantees EB Garamond italic renders
   correctly across browsers that are picky about synthesized italics. */
.font-serif em,
.font-serif i {
  font-style: italic;
}

/* Focus states kept deliberately visible for accessibility (buttons/links
   use Tailwind's focus-visible utilities in-markup; this covers the few
   plain-anchor cases that don't). */
a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 2px;
}