/* Shared venue identity — same Kalshi green / Novig cream / Poly US blue
   as the Pro Terminal. Import this before page CSS so badges stay in sync. */
:root {
  --kalshi: #00DD94;
  --kalshi-rgb: 0, 221, 148;
  --kalshi-soft: #7aefc4;
  --novig: #E8DCC4;
  --novig-rgb: 232, 220, 196;
  --novig-soft: #F3E9D6;
  --poly: #2E5CFF;
  --poly-rgb: 46, 92, 255;
  --poly-soft: #9bb4ff;
}
/* Cream on a light page needs more contrast than the terminal chip. */
html.light, .light {
  --novig: #8a7349;
  --novig-rgb: 138, 115, 73;
  --novig-soft: #6f5c3a;
}

.venue-tag {
  display: inline-block;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .04em;
  padding: 1px 6px;
  border-radius: 4px;
  margin-right: 6px;
  vertical-align: middle;
  border: 1px solid var(--bd, #263244);
  color: var(--mt, #8c99aa);
  background: transparent;
}
.venue-tag.venue-kalshi,
.venue-break-card.venue-kalshi .vb-name {
  color: var(--kalshi-soft);
}
.venue-tag.venue-novig,
.venue-break-card.venue-novig .vb-name {
  color: var(--novig-soft);
}
.venue-tag.venue-polymarket,
.venue-break-card.venue-polymarket .vb-name {
  color: var(--poly-soft);
}
.venue-tag.venue-kalshi {
  border-color: rgba(var(--kalshi-rgb), .48);
  background: rgba(var(--kalshi-rgb), .1);
}
.venue-tag.venue-novig {
  border-color: rgba(var(--novig-rgb), .48);
  background: rgba(var(--novig-rgb), .1);
}
.venue-tag.venue-polymarket {
  border-color: rgba(var(--poly-rgb), .48);
  background: rgba(var(--poly-rgb), .1);
}
.venue-break-card.venue-kalshi {
  box-shadow: inset 3px 0 0 var(--kalshi);
}
.venue-break-card.venue-novig {
  box-shadow: inset 3px 0 0 var(--novig);
}
.venue-break-card.venue-polymarket {
  box-shadow: inset 3px 0 0 var(--poly);
}