/* Component: Logo */

.c-logo {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: var(--color-text-primary, #1a1a1a);
  font-weight: var(--font-weight-bold, 700);
  font-size: var(--font-size-lg, 1.125rem);
  transition: opacity var(--duration-fast, 100ms) var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
}

.c-logo:hover {
  opacity: 0.8;
}

.c-logo:focus {
  outline: 3px solid var(--color-primary-500, #0073aa);
  outline-offset: 2px;
  border-radius: var(--radius-sm, 0.25rem);
}

.c-logo__image {
  height: 2.5rem;
  width: auto;
  display: block;
}

.c-logo__text {
  display: block;
}