:root {
  --sccwp-chart-bg: rgba(240, 247, 255, 0.35); /* very light blue tint */
  --sccwp-chart-border: rgba(15, 23, 42, 0.06);
  --sccwp-chart-grid: rgba(15, 23, 42, 0.10);
  --sccwp-chart-text: rgba(15, 23, 42, 0.78);

  /* Backwards compatible alias used by earlier chart CSS */
  --scc-chart-plot-bg: var(--sccwp-chart-bg);
}

.sccwp-chart-card {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.sccwp-chart-surface {
  background: var(--sccwp-chart-bg);
  border: 1px solid var(--sccwp-chart-border);
  border-radius: 16px;
}