:root {
  --accent: #3987e5;
}

figure.card .chart {
  max-width: 440px;
}

.chart text {
  fill: var(--ink);
  font-family: var(--font);
  font-size: 13px;
}

.chart text.value {
  fill: var(--ink-2);
  font-variant-numeric: tabular-nums;
}

.chart text.group {
  fill: var(--ink-2);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.chart rect.track {
  fill: #1f1f1d;
}

.chart rect.bar {
  fill: var(--grey);
}

.chart rect.bar.accent {
  fill: var(--accent);
}

.hero-figure {
  margin-top: 32px;
}