/* Pikaterm Brand Logo */

:root {
  --logo-primary: #6d5df6;
  --logo-secondary: #8b7dff;
  --logo-accent: #5de4c7;
  --logo-dark: #141414;
  --logo-light: #faf9f7;
}

.logo {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  text-decoration: none;
  color: var(--logo-dark);
  flex-shrink: 0;
}

.logo:hover {
  color: var(--logo-dark);
}

.logo__symbol {
  width: 1.85rem;
  height: 1.85rem;
  flex-shrink: 0;
  display: block;
}

.logo__wordmark {
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 1.32rem;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1;
  color: var(--logo-dark);
}

.logo--wordmark-only .logo__wordmark {
  font-size: 1.38rem;
}

.logo--sm .logo__wordmark {
  font-size: 1.05rem;
}

.logo--lg .logo__wordmark {
  font-size: 1.55rem;
}

.logo--icon-only .logo__wordmark {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.logo--dark,
.logo--light {
  color: var(--logo-light);
}

.logo--dark .logo__wordmark,
.logo--light .logo__wordmark {
  color: #ffffff;
}

.logo--dark .logo__symbol-stroke {
  stroke: #ffffff;
}

.logo--dark .logo__symbol-slot {
  fill: var(--logo-accent);
}

.logo--mono .logo__wordmark {
  color: currentColor;
}

.logo--mono .logo__symbol-stroke {
  stroke: currentColor;
}

.logo--mono .logo__symbol-slot {
  fill: currentColor;
  opacity: 0.35;
}