/* Aptis logo lockup — icon + wordmark */

:root {
  --logo-icon-bg: #26215c;
  --logo-icon-fg: #ffffff;
  --logo-accent: #7f77dd;
  --logo-word-color: #26215c;
  --logo-word-color-inverse: #ffffff;
  --logo-font: "Inter", "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --logo-gap: clamp(10px, 3vw, 20px);
  --logo-icon-size: clamp(40px, 9vw, 72px);
  --logo-word-size: clamp(20px, 5vw, 36px);
}

.logo {
  display: inline-flex;
  align-items: center;
  gap: var(--logo-gap);
  text-decoration: none;
}

.logo__icon {
  width: var(--logo-icon-size);
  height: var(--logo-icon-size);
  flex-shrink: 0;
  display: block;
}

.logo__word {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  font-family: var(--logo-font);
  font-weight: 500;
  font-size: var(--logo-word-size);
  letter-spacing: -0.5px;
  color: var(--logo-word-color);
}

.logo__dot {
  width: 5.5px;
  height: 5.5px;
  border-radius: 50%;
  background: var(--logo-accent);
  display: inline-block;
  align-self: flex-end;
  margin-bottom: 0.12em;
}

.logo--inverse .logo__word { color: var(--logo-word-color-inverse); }