/* Token Badge Component — Used across all sites */

.token-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  font-family: 'Courier New', monospace;
  white-space: nowrap;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.token-badge--tribe {
  background-color: var(--token-tribe);
  color: var(--token-text-light);
}

.token-badge--aum {
  background-color: var(--token-aum);
  color: var(--token-text-dark);
}

.token-badge--stomp {
  background-color: var(--token-stomp);
  color: var(--token-text-light);
}

.token-badge--ravecoin {
  background-color: var(--token-ravecoin);
  color: var(--token-text-light);
}

.token-badge--pttc {
  background-color: var(--token-pttc);
  color: var(--token-text-dark);
}

.token-badge--nmtc {
  background-color: var(--token-nmtc);
  color: var(--token-text-dark);
}

/* Token badge with icon */
.token-badge__icon {
  font-weight: 900;
  font-size: 13px;
}

.token-badge__name {
  font-size: 10px;
  letter-spacing: 1px;
}

.token-badge__amount {
  font-family: 'Courier New', monospace;
  font-size: 10px;
}