/* ==========================================================================
   theme.css — river42 theme layer over the shared base.css
   Everything river42-specific that used to live in a forked base.css:
   blue signal tokens, the "sysinit | river42" wordmark, header spacing.
   Load order: base.css → theme.css → river42.css / product.css
   ========================================================================== */

/* Signal — deep "river" blue (tag-blue from sysinit design doc) */
:root {
  --signal:       #1f4a8a;
  --signal-ink:   #0d2e5c;
  --signal-soft:  #dde5ee;
}

[data-theme="dark"] {
  --signal:       #6aa5e8;
  --signal-ink:   #92bef0;
  --signal-soft:  #0f1a2e;
}

/* Wordmark: static cursor bar after "sysinit", no blink */
.logo { gap: 10px; }

.logo-text {
  display: inline-flex;
  align-items: baseline;
  color: var(--ink);
}

.logo-text::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 17px;
  background: var(--signal);
  margin-left: 2px;
  transform: translateY(2px);
}

/* Header rhythm */
nav ul { align-items: center; }

.header-controls { gap: var(--s-3); }

@media (max-width: 900px) {
  .header-content { gap: var(--s-3); }
  nav ul { align-items: stretch; }
}