.logo {
  display: inline-block;
  color: var(--color-gray-900);
  line-height: 0;
}

.logo svg {
  display: block;
  height: 32px;
  width: auto;
}

.logo--inverse { color: var(--color-gray-0); }

.logo--word-only svg { height: 32px; }

.logo__word path { fill: currentColor; }
.logo__mark path { fill: var(--color-accent-400); }