/* Shared site chrome. Loaded by every page BEFORE its own <style> block, so a
   page can still override anything here.

   NOTE: only rules that were already byte-identical on all five pages live here.
   :root, body, .logo, .logo-image, .nav-container and .nav-menu a appear on all
   five pages but their values have DRIFTED apart, so they deliberately stay
   page-local until the intended values are agreed -- moving them would silently
   restyle pages. See README-css.md. */

* {
  margin: 0; padding: 0; box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Cormorant Garamond", serif; font-weight: 600; line-height: 1.2; color: var(--primary-dark);
}

.nav-menu {
  display: flex; list-style: none; gap: 2.5rem; align-items: center;
}