/* ============================================================
   Ascend Intelligence — Data-visualisation tokens
   shadcn / Recharts convention: --chart-1 … --chart-5 series
   colours, plus grid / axis / tooltip surfaces.
   On-brand: cyan lead, teal-to-slate sequence. One cyan
   moment per chart — lead series cyan, rest recede to slate.
   ============================================================ */

:root {
  /* ---- Series palette (ordered) ---- */
  --chart-1: #06B6D4; /* @kind color */  /* cyan — lead series */
  --chart-2: #0E7490; /* @kind color */  /* deep cyan / teal */
  --chart-3: #155E75; /* @kind color */  /* darkest teal */
  --chart-4: #64748B; /* @kind color */  /* slate */
  --chart-5: #94A3B8; /* @kind color */  /* light slate */

  /* ---- Chart chrome (tuned for dark surfaces) ---- */
  --chart-grid:          rgba(148, 163, 184, 0.16); /* @kind color */
  --chart-axis:          #94A3B8; /* @kind color */  /* tick labels */
  --chart-cursor:        rgba(6, 182, 212, 0.10); /* @kind color */
  --chart-tooltip-bg:     #1F2937; /* @kind color */
  --chart-tooltip-border: rgba(148, 163, 184, 0.22); /* @kind color */
}

/* Light-surface override — add class `chart-on-light` to a chart wrapper
   placed on paper / white sections. */
.chart-on-light {
  --chart-grid:          #E2E8F0; /* @kind color */
  --chart-axis:          #64748B; /* @kind color */
  --chart-cursor:        rgba(6, 182, 212, 0.08); /* @kind color */
  --chart-tooltip-bg:     #FFFFFF; /* @kind color */
  --chart-tooltip-border: #E2E8F0; /* @kind color */
}