/* ══ brand.css — the Nexgen mark, identical on every page ══
   (user decision 2026-09-09)
   • the logo is the app's own artwork (green blob + ink line + dot), not a
     generic star / diamond
   • the logo is always a little TALLER than the capital N beside it
   • the wordmark is "Nex" + "gen" with "gen" painted brand green
   • the full name (index empty state, about page lede) is "Nexgen" + "AI"
     with "AI" painted brand green
   Markup:
     <span class="nx-brand"><svg class="nx-logo">…</svg><span class="nx-name">Nex<b>gen</b></span></span>
   Size is driven by --nx-size (the N cap height); the logo is 1.35× that.  */

:root { --nx-green: #1e6b52; --nx-ink: #191919; }

.nx-brand {
  display: inline-flex; align-items: center; gap: .32em;
  font-size: var(--nx-size, 22px); line-height: 1; text-decoration: none;
  color: var(--nx-ink); white-space: nowrap;
}
.nx-logo {
  width: 1.35em; height: 1.35em; flex: none; display: block;
  transform-origin: 50% 50%;
}
.nx-name {
  font-family: var(--serif, Georgia, 'Times New Roman', Times, serif);
  font-size: 1em; letter-spacing: .2px; font-weight: 400;
}
.nx-name b, .nx-ai b { font-weight: inherit; color: var(--nx-green); }
.nx-ai { color: inherit; }

/* the logo pieces, so the mark can animate on the auth page */
.nx-logo .nx-blob { fill: var(--nx-green); }
.nx-logo .nx-line { stroke: var(--nx-ink); stroke-width: 3.4; stroke-linecap: round; fill: none; }
.nx-logo .nx-dot { fill: var(--nx-ink); }

/* small in-line marks (assistant message star, sidebar) */
.nx-brand.sm { --nx-size: 18px; }
.nx-brand.lg { --nx-size: 28px; }