// @chart-element-color($google-charts-color, $theme-color)

// $google-charts-color - Color rendered through Google Charts API/HTML
// $theme-color - Overwrite with desired theme color (allows $variable)

@mixin chart-element-color($google-charts-color, $theme-color) {
  [stroke='#{$google-charts-color}'] {
    stroke: $theme-color;
  }

  [fill='#{$google-charts-color}'] {
    fill: $theme-color;
  }

  [data-rs-charts-legend-item='#{$google-charts-color}']::before {
    background: $theme-color;
  }
}

@mixin chart-background-mapping {
  .bg-brand--off-white {
    .chart {
      .google-visualization-tooltip {
        background-color: $color-brand--white !important; //overule inline styling

        path[fill='#ffffff'] {
          fill: $color-brand--white;
          stroke: $color--grey;
        }
      }
    }
  }
}