:root { --bf-logo: url("/bf.png"); }


html[data-theme="dim"],
html[data-theme="dark"],
html[data-theme="business"],
html[data-theme="night"] {
  --bf-logo: url("/bf-white.png");
}

nav a[href="/"]::after {
  content: "";
  display: inline-block;
  height: 2rem;            /* matches h-8 */
  aspect-ratio: 3;         /* adjust to your logo */
  background-image: var(--bf-logo);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; /* keeps logo proportions */
  margin-left: 0.75rem;     /* roughly Tailwind mr-3 spacing */
  vertical-align: middle;
}