:root {
  --brand-primary: #2f63ff;
  --brand-accent: #0176d3;
  --brand-border: rgba(47, 99, 255, 0.15);
  --purple: #2f63ff;
  --pbg: rgba(47, 99, 255, 0.08);
  --blue: #2f63ff;
  --bbg: rgba(47, 99, 255, 0.08);
}

.brand-logo-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.brand-tagline-wrap {
  border-left: 1px solid var(--brand-border);
  padding-left: 12px;
}

.brand-tagline {
  font-size: 10px;
  color: var(--brand-primary);
  font-weight: 700;
  letter-spacing: 0.05em;
}

.login-brand {
  text-align: center;
  margin-bottom: 32px;
}

.brand-tagline--login {
  font-size: 10px;
  color: var(--brand-primary);
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-top: 4px;
}

.wordmark-dot,
.wordmark-text {
  fill: var(--brand-primary);
}