Draw charts from one categorical palette, --chart-1…8

The one-hue ramp told lines apart by lightness alone. --chart-1 is now
--primary and slots 2-8 are distinct hues (orange, violet, green, orchid,
ochre, teal, magenta) that clear 3:1 on --card and stay apart under
protanopia and deuteranopia; red and sage are left out as the status
colours. A chart takes the slots in order instead of spreading a ramp,
and a dashboard's own palette continues after its primary and listed
colours with slots 2-8 rather than tints of its scheme. Line charts stay
at five series. Tokens mirror index's, as design-check requires.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013GAeg4Jo6xjZzjwy9QDWMQ

frontend/src/components/Health/Spark.tsx

@@ -6,10 +6,10 @@ import { Sparkline } from "@/components/Common/Sparkline"
  *
  * Sixty slices of whatever window is selected, so the curve stays the same
  * width and only its resolution moves. The same curve the node panel and the
- * edge popover draw, dot included, in the chart ramp this page's other graphs
- * use. The dot marks the newest slice rather than this instant: the server
- * holds the slice that is still filling back, so the curve ends on one that is
- * all there.
+ * edge popover draw, dot included, in the first chart colour this page's
+ * other graphs open with. The dot marks the newest slice rather than this
+ * instant: the server holds the slice that is still filling back, so the
+ * curve ends on one that is all there.
  */
 export function Spark({ counts }: { counts: number[] }) {
   const points: HistoryPoint[] = counts.map((value, index) => ({