.login-brand-logo {
  display: block;
  width: 72px;
  height: 72px;
  margin: 0 auto 18px;
  border-radius: 18px;
  object-fit: cover;
  /* Brand-green glow. The previous values were indigo/brass, left over from a
     palette the buyer app never used. */
  box-shadow: 0 12px 34px rgba(21, 128, 61, 0.22), 0 4px 14px rgba(29, 185, 84, 0.14);
}

.brand-home {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: inherit;
  text-decoration: none;
}

.brand-home:hover .brand-name,
.brand-home:hover {
  /* Was a hardcoded #fff, which is invisible on the light theme's white
     header. Token-driven so it reads in both themes. */
  color: var(--brand-primary);
}

img.brand-mark {
  display: block;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 10px;
  object-fit: cover;
  background: transparent;
  box-shadow: 0 7px 22px rgba(21, 128, 61, 0.20), 0 2px 8px rgba(29, 185, 84, 0.12);
}