[data-fui-comp="ui-pie-chart"] {
  display: inline-block;
  vertical-align: middle;
}
[data-fui-comp="ui-pie-chart"] .ui-pie-chart__slice {
  stroke: var(--color-background, #FFFFFF);
  stroke-width: 1;
}
.ui-pie-chart__slice--primary { fill: var(--color-primary, #4F46E5); }
.ui-pie-chart__slice--info    { fill: var(--color-info, #3B82F6); }
.ui-pie-chart__slice--success { fill: var(--color-success, #16A34A); }
.ui-pie-chart__slice--warning { fill: var(--color-warning, #D97706); }
.ui-pie-chart__slice--danger  { fill: var(--color-danger, #DC2626); }

[data-fui-comp="ui-pie-chart"] .ui-pie-chart__center-label {
  font-size: 1.25rem;
  font-weight: 700;
  fill: var(--color-text, #18181B);
}
[data-fui-comp="ui-pie-chart"] .ui-pie-chart__center-sub {
  font-size: 0.75rem;
  fill: var(--color-text-muted, #52525B);
}