/* ───────── top bar ───────── */
.bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-m);
  padding-block: var(--space-m);
  font-size: var(--text-small);
}
.bar .logo {
  text-decoration: none;
}
.bar nav { --gap: var(--space-l); }
.bar nav a {
  text-decoration: none;
  color: var(--muted);
}
.bar nav a:hover, .bar nav a[aria-current] { color: var(--fg); }
.bar nav a[aria-current] { box-shadow: 0 0.125rem 0 var(--accent); }
.theme {
  width: 2.1rem;
  height: 2.1rem;
  padding: 0;
}
.theme:hover { border-color: var(--accent); transform: rotate(25deg); }