.header-wrap {
  display: flex;
  margin: var(--space-3xs) var(--space-4xl);
  align-items: center;
  justify-content: space-between;
}

.logo {
  width: 120px;
}

.menu-item {
  display: flex;
  gap: var(--space-m);
}

.btn-primary {
  padding: var(--space-3xs) var(--space-s) var(--space-2xs);
  background-color: var(--primary);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  font-weight: 500;
  font-family: "Geist", sans-serif;
}

.header {
  padding-top: var(--space-4xs);
  padding-bottom: var(--space-4xs);
  background-color: var(--bg-body);
}

.menu-text {
  color: var(--light);
  font-weight: 400;
  line-height: 1.2em;
  font-family: var(--font-geist-mono);
}