.smartersweb-logo {
  font-family: var(--font-secondary);
  font-weight: 800;
  font-size: 1.5rem;
  color: var(--dark-color);
  text-decoration: none;
  display: flex;
  align-items: center;
}

.smartersweb-logo .smarter {
  color: var(--primary-color);
}

.smartersweb-logo .web {
  color: var(--secondary-color);
}

.smartersweb-logo .tech {
  color: var(--dark-color);
  font-weight: 400;
  font-size: 1rem;
  margin-left: 0.25rem;
}

.product-name {
  font-weight: 700;
  color: var(--accent-color);
}

.product-name .smart {
  color: var(--primary-color);
}