/*
 * VivaColombia v2 legacy bridge
 * ---------------------------------------------------------------------------
 * Link order: vc-shell.css → vivacolombia.v2.css → vc-legacy-bridge.css
 *
 * Every legacy page links vc-shell.css (which defines its own --co-*, --ink,
 * --muted, --line, etc. tokens) and the full v2 component library (which
 * defines --vc-* tokens). This file re-points the legacy tokens at their v2
 * equivalents so any vc-shell component — cards, buttons, sections, chips,
 * badges, hero blocks — picks up v2 colors and spacing without the HTML being
 * touched. It's the cheapest way to get the rest of the site feeling v2 while
 * a per-page component migration happens over time.
 * ---------------------------------------------------------------------------
 */

:root {
  /* Colour ramp alias: legacy tri-accent → v2 tri-accent. */
  --co-blue:        var(--vc-blue);
  --co-blue-deep:   var(--vc-blue-700);
  --co-red:         var(--vc-red);
  --co-yellow:      var(--vc-gold);
  --co-yellow-deep: var(--vc-gold-600);

  /* Neutrals — map legacy ink/muted/line/cream to the v2 warm ramp. */
  --ink:    var(--vc-n-900);
  --ink-2:  var(--vc-n-700);
  --muted:  var(--vc-n-500);
  --line:   var(--vc-line);
  --cream:  var(--vc-cream);
  --cloud:  var(--vc-n-50);
}

/* Display headings on legacy pages adopt Fraunces + the v2 display weight. */
.vc-page-hero h1,
.vc-section-title,
.vc-page-hero .lead + h1,
section.vc-block h1,
section.vc-block h2 {
  font-family: var(--vc-font-display, 'Fraunces', Georgia, serif);
  font-weight: var(--vc-display-weight, 900);
  letter-spacing: var(--vc-display-tracking, -0.02em);
}

/* Legacy pill buttons inherit the v2 button radius + shadow feel. */
.vc-btn,
.vc-btn-primary,
.vc-btn-ghost,
.vc-btn-lg,
.vc-btn-sm {
  font-family: var(--vc-font-body, 'Inter', system-ui, sans-serif);
  border-radius: var(--vc-btn-radius, 999px);
}

.vc-btn-primary {
  background: var(--vc-gold);
  color: var(--vc-n-900);
  border-color: transparent;
}
.vc-btn-primary:hover {
  background: var(--vc-gold-600);
}

/* Legacy card chrome (cards, promo strips, filters) picks up v2 cream surface
 * + subtle v2 line color. */
.vc-chip {
  border-color: var(--vc-line);
}
.vc-chip.active,
.vc-chip[aria-selected="true"] {
  background: var(--vc-gold);
  color: var(--vc-n-900);
  border-color: var(--vc-gold);
}

/* Cards used by events/vendors/businesses/influencers grids. */
.ev-card,
.news-card,
.cp-card,
.pro-item,
.res-item {
  border-radius: var(--vc-card-radius, 16px);
  border-color: var(--vc-line);
  background: #fff;
  transition: transform .18s ease, box-shadow .18s ease;
}
.ev-card:hover,
.news-card:hover,
.cp-card:hover,
.pro-item:hover,
.res-item:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md, 0 10px 30px rgba(12, 17, 29, 0.08));
}

/* Date badges on event cards take the v2 gold accent. */
.ev-date .mo { color: var(--vc-red); }
.ev-date .day { color: var(--vc-n-900); }
.ev-price { background: var(--vc-gold); color: var(--vc-n-900); }
.ev-price.free { background: #22c55e; color: #fff; }

/* Tabs used on /events and /vendors.html pick up v2 blue accent. */
.tab-btn.active {
  color: var(--vc-blue);
  border-bottom-color: var(--vc-blue);
}
.tab-btn:hover { color: var(--vc-blue); }

/* Eyebrow rails across every legacy page take the mono eyebrow treatment. */
.vc-eyebrow {
  font-family: var(--vc-font-mono, 'JetBrains Mono', ui-monospace, monospace);
  letter-spacing: 0.12em;
}

/* Promo strip on /news.html + contact.html. */
.cp-promo {
  border-radius: var(--vc-card-radius, 16px);
  border: 1px solid var(--vc-line);
  background: #fff;
  padding: 36px;
}
.cp-promo-bullets .b {
  border-radius: 12px;
  background: var(--vc-cream);
  padding: 16px;
}
.cp-promo-bullets .b i { color: var(--vc-gold-600); }