@use '../_internal/chart-envelope';

// Donut-specific layout: centre the SVG inside the canvas so the
// donut stays anchored regardless of available width.
.chart-canvas--donut {
  display: flex;
  justify-content: center;
  align-items: center;
}

// Centre label rendered inside the SVG when the consumer supplies
// `centerLabel` (e.g. the total). Inherits the theme's text colour
// via the `.chart-canvas svg text` rule from the shared envelope.
.donut-center-label {
  font-size: 1.25rem;
  font-weight: 600;
}
