/**
 * AVANTAS Research — shared design tokens & data-viz polish (home + research).
 */
:root {
  --av-navy: #1a2a7a;
  --av-navy-deep: #1e2875;
  --av-gold: #bfa76a;
  --av-gold-light: #d4c4a8;
  --av-ink: #1a365d;
  --av-surface: #f8f9fa;
  --av-radius: 12px;
  --av-shadow: 0 8px 32px rgba(26, 40, 117, 0.08);
}

/* —— Market Intelligence (home) —— */
#ai-market-intelligence.ai-section {
  background: linear-gradient(165deg, var(--av-navy) 0%, #24318a 55%, var(--av-navy-deep) 100%) !important;
}

#market-intelligence-root .ai-lead-card {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--av-radius);
  background: rgba(255, 255, 255, 0.06);
  transition: border-color 0.2s ease, transform 0.2s ease, background 0.2s ease;
}

#market-intelligence-root .ai-lead-card:hover {
  border-color: rgba(191, 167, 106, 0.45);
  background: rgba(255, 255, 255, 0.09);
  transform: translateY(-2px);
}

#market-intelligence-root .ai-lead-card-label {
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.7rem;
  color: var(--av-gold-light);
}

#market-intelligence-root .ai-card {
  border-radius: var(--av-radius);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: var(--av-shadow);
}

#market-intelligence-root .ai-insights-summary {
  border-radius: var(--av-radius);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

a.ai-lead-btn {
  border-radius: 999px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* —— Research: section headers —— */
.market-trends-section .section-subtitle,
.correlation-section .section-subtitle,
#global-market-trends .table-description strong {
  color: var(--av-ink);
}

.research-snapshot-badge {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--av-navy);
  background: rgba(191, 167, 106, 0.2);
  border: 1px solid rgba(191, 167, 106, 0.5);
  border-radius: 999px;
  padding: 0.25rem 0.75rem;
  margin-bottom: 0.75rem;
}

/* —— Performance & correlation tables —— */
.performance-table thead th,
.correlation-table thead th {
  background: linear-gradient(135deg, var(--av-gold), var(--av-gold-light)) !important;
  color: #fff !important;
  font-weight: 600;
  border: none !important;
}

.correlation-table tbody td.correlation-perfect {
  background-color: #343a40 !important;
  color: #fff !important;
  font-weight: bold;
}

.correlation-table tbody td.correlation-strong-positive {
  background-color: #28a745 !important;
  color: #fff !important;
  font-weight: bold;
}

.correlation-table tbody td.correlation-moderate-positive {
  background-color: #17a2b8 !important;
  color: #fff !important;
  font-weight: bold;
}

.correlation-table tbody td.correlation-weak-positive {
  background-color: #ffc107 !important;
  color: #000 !important;
  font-weight: bold;
}

.correlation-table tbody td.correlation-neutral {
  background-color: #6c757d !important;
  color: #fff !important;
  font-weight: bold;
}

.correlation-table tbody td.correlation-weak-negative {
  background-color: #fd7e14 !important;
  color: #fff !important;
  font-weight: bold;
}

.correlation-table tbody td.correlation-strong-negative {
  background-color: #dc3545 !important;
  color: #fff !important;
  font-weight: bold;
}

.correlation-table.table-hover > tbody > tr:hover > td[class*="correlation-"] {
  filter: brightness(0.92);
}

.correlation-table .correlation-row-header {
  background: var(--av-surface);
  font-weight: 600;
  text-align: left;
}

.perf-key-takeaways {
  border-radius: var(--av-radius);
  border: 1px solid #e9ecef;
  background: linear-gradient(180deg, #fff 0%, var(--av-surface) 100%);
  padding: 1.25rem 1.5rem;
  margin-top: 1.5rem;
}

.perf-key-takeaways-title {
  color: var(--av-ink);
  font-weight: 700;
  margin-bottom: 1rem;
}

.trend-card-item {
  border-radius: var(--av-radius);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.trend-card-item:hover {
  box-shadow: 0 6px 20px rgba(26, 40, 117, 0.12);
  transform: translateY(-1px);
}

/* —— Hero (index): research-first positioning —— */
.index-page .hero-section .ai-highlight {
  color: var(--av-gold-light) !important;
}

.index-page .hero-trust-line {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.85);
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
}