/* Alternate palette: full-width yellow header and footer. */
.site-header,
.site-footer {
  background: var(--yellow);
}

.identity span,
.footer-inner p {
  color: #39413a;
}

.site-nav a:hover,
.site-nav a[aria-current="page"] {
  background: var(--surface);
  border-color: var(--ink);
}

.site-header a:focus-visible,
.site-footer a:focus-visible {
  outline-color: var(--ink);
}

.footer-social a:hover {
  text-decoration-color: var(--ink);
}