.menu-circle, .dot-circle {
  stroke: black;
  stroke-width: 3;
  fill: #cccccc; /* JS overrides with !important */
}

.menu-label {
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  fill: #333333;
  text-anchor: middle;
  dominant-baseline: middle;
}

.dot-label {
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 900;
  fill: black;
  text-anchor: middle;
  dominant-baseline: middle;
}

/* Title */
.chart-title {
  font-family: Arial, sans-serif;
  font-size: 28px;
  font-weight: 700;
  fill: #333333;
}

/* Legend */
.legend-circle {
  stroke: black;
  stroke-width: 2;
}

.legend-label-main {
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  fill: #111111;
}

.legend-label-info {
  font-family: Arial, sans-serif;
  font-size: 14px;
  fill: #444444;
}

/* Reset button */
.reset-button-bg {
  fill: #eeeeee;
  stroke: #333333;
  stroke-width: 2;
}

.reset-button-label {
  font-family: Arial, sans-serif;
  font-size: 16px;
  fill: #333333;
  font-weight: 700;
}