/* Make the brand text match Tailwind: text-xl font-semibold tracking-tight */
header .navbar .navbar-brand .navbar-title {
  font-size: 1.125rem;      /* text-xl */
  line-height: 1.75rem;    /* nice vertical rhythm */
  font-weight: 500;        /* font-semibold */
  letter-spacing: -0.025em;/* tracking-tight */
  display: inline-block;
  margin-left: 0.25rem;     /* small gap between logo and text */
  color: #000000;          /* black font color */
}

/* Keep the logo a tidy size and aligned with the text */
header .navbar .navbar-brand img {
  height: 28px;            /* tweak 24–32px if you prefer */
  width: auto;
  vertical-align: middle;
}

/* Optional: prevent the brand from wrapping weirdly */
@media (min-width: 992px) {
  header .navbar .navbar-brand {
    white-space: nowrap;
  }
}