/* Huarmy mark — navbar top-left */
:root {
  --logo-bg: #FFFFFF;
  --logo-letter: #C49A00;
}

.nav-brand {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  line-height: 0;
  text-decoration: none;
  overflow: visible;
}

.nav-brand .brand-logo,
.nav-brand .huarmy-mark {
  display: block;
  width: auto;
  object-fit: contain;
  object-position: left center;
  flex-shrink: 0;
}

.huarmy-mark-letter {
  user-select: none;
  pointer-events: none;
  font-style: normal;
  text-anchor: middle;
  dominant-baseline: middle;
}

/* Landing page */
.nav .nav-brand .brand-logo,
.nav .nav-brand .huarmy-mark {
  height: 44px;
  width: 44px;
}

/* Planner app */
#top-nav .nav-brand .brand-logo,
#top-nav .nav-brand .huarmy-mark {
  height: 40px;
  width: 40px;
}