/* Ярлыки: Tag, EyebrowPill, TrackedLabel, GoldRule, chip (бейдж уровня программы) */

/* Tag — components/Tag */
.vb-tag {
  display: inline-block; white-space: nowrap;
  font-family: var(--font-body); font-weight: 700; font-size: 13px;
  padding: 7px 16px; border-radius: var(--r-pill);
  background: var(--vb-lavender); color: var(--vb-lavender-ink);
}
.vb-tag--cream { background: var(--vb-cream); color: var(--vb-gold-deep); }
.vb-tag--gold  { background: var(--vb-gold);  color: var(--vb-ink); }
.vb-tag--red   { background: var(--vb-red);   color: #fff; }
.vb-tag--ghost { background: transparent; color: var(--vb-ink-3); border: 1px solid var(--vb-line); }
/* бейдж уровня на карточке программы и рамочный бейдж на фиолетовом (ui_kits/website) */
.vb-tag--red-soft  { background: rgba(164,15,15,.08); color: var(--vb-red); font-size: 12px; letter-spacing: .04em; padding: 6px 14px; }
.vb-tag--gold-line { background: transparent; color: var(--vb-gold-soft); border: 1px solid rgba(231,217,138,.4); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; padding: 6px 14px; }

/* EyebrowPill — components/EyebrowPill (= .vb-eyebrow в colors_and_type.css) */
.vb-eyebrow {
  display: inline-block;
  font-family: var(--font-display); font-weight: 500; font-size: var(--fs-small);
  letter-spacing: var(--tr-caps); text-transform: uppercase;
  color: var(--vb-white); background: var(--vb-ink);
  padding: 8px 18px; border-radius: var(--r-sm);
}

/* TrackedLabel — components/TrackedLabel (= .vb-label / .vb-label-muted) */
.vb-label {
  font-family: var(--font-display); font-weight: 500; font-size: 13px;
  letter-spacing: var(--tr-label); text-transform: uppercase;
  color: var(--vb-gold-deep);
}
.vb-label--muted, .vb-label-muted { color: var(--vb-ink-3); }
.vb-label-muted { font-family: var(--font-display); font-weight: 500; font-size: 13px; letter-spacing: var(--tr-label); text-transform: uppercase; }
.vb-label--light { color: rgba(12,58,76,.72); }
.vb-label--white { color: #fff; }

/* GoldRule — components/GoldRule (дизайн-система: 66×4) */
.vb-rule { width: 66px; height: 4px; background: var(--vb-gold); border: 0; margin: 0; }

/* Фильтр-чипсы — ui_kits/website/Events.jsx */
.vb-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.vb-chip {
  font-family: var(--font-body); font-weight: 700; font-size: 14px; text-decoration: none;
  padding: 9px 18px; border-radius: var(--r-pill);
  border: 1px solid var(--vb-line); background: #fff; color: var(--vb-ink-3);
  transition: all .12s;
}
.vb-chip:hover { color: var(--vb-ink); border-color: var(--vb-ink-3); }
.vb-chip.is-active, .vb-chip[aria-current="page"] { background: var(--vb-purple); border-color: transparent; color: #fff; }