/* header.css — site header + primary nav. Sticky header sits at z-index 200 (skill §12 layers). */

.site-header {
  position: sticky;
  inset-block-start: 0;
  z-index: 200;
  background: var(--color-bg);
  border-block-end: 1px solid var(--color-border);
}

.nav-primary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: var(--space-md);
}

.nav-primary__logo {
  display: inline-flex;
  align-items: baseline;
  gap: 0.35ch;
  text-decoration: none;
}
.nav-primary__logo-mark {
  font-family: var(--font-heading);
  font-size: var(--fs-xl);
  color: var(--color-accent);
}
.nav-primary__logo-word {
  font-family: var(--font-condensed);
  font-size: var(--fs-xl);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--color-text);
}

.nav-primary__actions { display: flex; align-items: center; gap: var(--space-md); }
.nav-primary__link {
  font-family: var(--font-condensed);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: var(--fs-sm);
  color: var(--color-text);
  transition: color var(--transition-fast);
}
.nav-primary__link:hover { color: var(--color-accent); }
.nav-primary__logout { margin: 0; }