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

// Plot renders the legend as an inline-flex of swatches above the
// SVG. Style them to match the lib's typography density without
// re-rendering the legend in Angular.
.chart-canvas {
  > .plot-legend,
  > [data-plot-legend] {
    font-size: 0.75rem;
    margin-bottom: 0.5rem;

    :where(.dark) & {
      color: #d1d5db;
    }
  }
}
