/* Shared nav styling — consumed by landing + spotlight pages, and mirrored
   inside the Quartz component override. Colors from tokens.css only. */
nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 50;
  display: flex; align-items: center; justify-content: space-between;
  padding: var(--nav-pad);
  background: linear-gradient(to bottom, rgba(11,8,18,0.85), rgba(11,8,18,0));
  transition: background 0.35s ease;
}
nav.scrolled { background: var(--void); box-shadow: 0 2px 12px rgba(0,0,0,0.35); }
nav .wordmark {
  font-family: var(--font-display); font-size: 1.05rem;
  letter-spacing: 0.12em; color: var(--bone); text-decoration: none;
}
nav .links { display: flex; gap: 1.6rem; }
nav .links a {
  font-size: 0.95rem; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--bone); opacity: 0.85; text-decoration: none;
  border-bottom: 2px solid transparent; padding-bottom: 2px;
  font-family: var(--font-body);
}
nav .links a.active, nav .links a:hover {
  color: var(--gold); border-bottom-color: var(--gold);
}