@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@200;400&display=swap");

/* AppliKeep Glass wordmark — joined "applikeep" */
.ak-logo {
  --ak-appli: #334155;
  --ak-keep: #0ea5e9;
  display: inline-flex;
  align-items: baseline;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  user-select: none;
  -webkit-font-smoothing: antialiased;
  font-synthesis: none;
  font-family: Outfit, "Helvetica Neue", sans-serif;
  font-weight: 200;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.ak-logo__appli,
.ak-logo__keep {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.ak-logo__appli {
  color: var(--ak-appli);
  font-weight: 400;
}

.ak-logo__keep {
  color: var(--ak-keep);
  font-weight: 200;
}

.ak-logo--hero {
  font-size: clamp(1.55rem, 4.2vw, 2.7rem);
}

.ak-logo--md {
  font-size: 1.85rem;
}

.ak-logo--sm {
  font-size: 1.2rem;
}

.ak-logo--sidebar {
  font-size: 1.45rem;
  letter-spacing: 0.06em;
}

.ak-logo--on-dark {
  --ak-appli: #e2e8f0;
  --ak-keep: #38bdf8;
}

.ak-logo--sidebar {
  max-width: 100%;
}

@media (max-width: 380px) {
  .ak-logo--hero {
    letter-spacing: 0.12em;
  }

  .ak-logo--md {
    letter-spacing: 0.14em;
    font-size: 1.55rem;
  }
}