/* Korbel.ai — Chart tokens
   Data-viz in a no-colour brand: series ride the neutral spine, darkest =
   primary. Meaning never rides on hue — signals appear only where a mark
   IS a status (a breach, a variance, a threshold). Differentiate extra
   series by weight and dash, never by inventing colour. */

:root {
  /* ---- Series ramp — neutral spine, max 4 per chart ---- */
  --chart-series-1: #1E2125;  /* graphite — the primary series */
  --chart-series-2: #767C85;  /* steel */
  --chart-series-3: #A8AEB7;  /* neutral-300 */
  --chart-series-4: #C6CBD2;  /* silver */

  /* ---- Structure ---- */
  --chart-grid:     #DCE0E5;  /* hairline gridlines, horizontal preferred */
  --chart-baseline: #C6CBD2;  /* zero / threshold lines, 1px */
  --chart-axis:     #767C85;  /* axis text */

  /* ---- Line weights & dash ---- */
  --chart-stroke-primary: 2px;    /* @kind other */
  --chart-stroke:         1.5px;  /* @kind other */
  --chart-dash: 4 3;              /* @kind other */ /* projections, plans */

  /* ---- Fills ---- */
  --chart-area-alpha: 0.08;       /* @kind other */ /* area tints, max 10% */

  /* Axis labels: 11px, tabular lining figures, --chart-axis colour. */
  --chart-label-size: 11px;       /* @kind font */
}

/* ---- Dark surface — ramp inverts, silver leads ---- */
.korbel-dark,
[data-theme="dark"] {
  --chart-series-1: #E9ECF0;
  --chart-series-2: #A8AEB7;
  --chart-series-3: #767C85;
  --chart-series-4: #565B63;
  --chart-grid:     #23262B;
  --chart-baseline: #393D43;
  --chart-axis:     #767C85;
}