Add multi-accent palettes and a brighter Light Green theme (ticket 048)

Every built-in theme now exposes three accents (--c-accent/-2/-3) instead
of one, so PanelChart's series palette draws distinct colours per theme
via color-mix() rather than a fixed, theme-independent hex list. Existing
presets keep their current base surface/border/text/accent look — the two
new accent vars are purely additive. Adds a new "Light Green" scheme
(light-surfaced, same green/magenta hue family as "Green") selectable
alongside the existing built-ins, both in ColorScheme (frontend + backend)
and the settings picker.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01XFUNZwCvz3kcod3352ZR2o

webapp/src/lib/themes.ts

@@ -22,6 +22,8 @@ export const THEME_CSS_VARS = [
   '--c-accent',
   '--c-accent-soft',
   '--c-accent-text',
+  '--c-accent-2',
+  '--c-accent-3',
 ] as const
 
 export type ThemeVars = Record<(typeof THEME_CSS_VARS)[number], string>
@@ -49,6 +51,8 @@ export const BUILTIN_THEMES: Record<string, ThemeVars> = {
     '--c-accent': '#0ea5e9',
     '--c-accent-soft': '#0369a1',
     '--c-accent-text': '#7dd3fc',
+    '--c-accent-2': '#a78bfa',
+    '--c-accent-3': '#4ade80',
   },
   light: {
     '--c-surface-0': '#fafafa',
@@ -71,6 +75,8 @@ export const BUILTIN_THEMES: Record<string, ThemeVars> = {
     '--c-accent': '#0284c7',
     '--c-accent-soft': '#7dd3fc',
     '--c-accent-text': '#0369a1',
+    '--c-accent-2': '#7c3aed',
+    '--c-accent-3': '#16a34a',
   },
   red: {
     '--c-surface-0': 'hsl(0 32% 10%)',
@@ -93,6 +99,8 @@ export const BUILTIN_THEMES: Record<string, ThemeVars> = {
     '--c-accent': 'hsl(180 70% 62%)',
     '--c-accent-soft': 'hsl(150 55% 34%)',
     '--c-accent-text': 'hsl(180 75% 80%)',
+    '--c-accent-2': 'hsl(90 65% 58%)',
+    '--c-accent-3': 'hsl(270 65% 68%)',
   },
   green: {
     '--c-surface-0': 'hsl(140 32% 10%)',
@@ -115,6 +123,8 @@ export const BUILTIN_THEMES: Record<string, ThemeVars> = {
     '--c-accent': 'hsl(320 70% 62%)',
     '--c-accent-soft': 'hsl(290 55% 34%)',
     '--c-accent-text': 'hsl(320 75% 80%)',
+    '--c-accent-2': 'hsl(230 65% 62%)',
+    '--c-accent-3': 'hsl(50 65% 58%)',
   },
   blue: {
     '--c-surface-0': 'hsl(210 32% 10%)',
@@ -137,6 +147,8 @@ export const BUILTIN_THEMES: Record<string, ThemeVars> = {
     '--c-accent': 'hsl(30 70% 62%)',
     '--c-accent-soft': 'hsl(0 55% 34%)',
     '--c-accent-text': 'hsl(30 75% 80%)',
+    '--c-accent-2': 'hsl(300 65% 68%)',
+    '--c-accent-3': 'hsl(120 65% 55%)',
   },
   yellow: {
     '--c-surface-0': 'hsl(50 32% 10%)',
@@ -159,6 +171,8 @@ export const BUILTIN_THEMES: Record<string, ThemeVars> = {
     '--c-accent': 'hsl(230 70% 62%)',
     '--c-accent-soft': 'hsl(200 55% 34%)',
     '--c-accent-text': 'hsl(230 75% 80%)',
+    '--c-accent-2': 'hsl(140 65% 55%)',
+    '--c-accent-3': 'hsl(320 65% 68%)',
   },
   pink: {
     '--c-surface-0': 'hsl(330 32% 10%)',
@@ -181,6 +195,8 @@ export const BUILTIN_THEMES: Record<string, ThemeVars> = {
     '--c-accent': 'hsl(150 70% 62%)',
     '--c-accent-soft': 'hsl(120 55% 34%)',
     '--c-accent-text': 'hsl(150 75% 80%)',
+    '--c-accent-2': 'hsl(60 65% 58%)',
+    '--c-accent-3': 'hsl(240 65% 68%)',
   },
   orange: {
     '--c-surface-0': 'hsl(30 32% 10%)',
@@ -203,6 +219,32 @@ export const BUILTIN_THEMES: Record<string, ThemeVars> = {
     '--c-accent': 'hsl(210 70% 62%)',
     '--c-accent-soft': 'hsl(180 55% 34%)',
     '--c-accent-text': 'hsl(210 75% 80%)',
+    '--c-accent-2': 'hsl(120 65% 55%)',
+    '--c-accent-3': 'hsl(300 65% 68%)',
+  },
+  light_green: {
+    '--c-surface-0': 'hsl(140 40% 96%)',
+    '--c-surface-1': 'hsl(140 35% 92%)',
+    '--c-surface-2': 'hsl(140 30% 85%)',
+    '--c-border': 'hsl(140 25% 80%)',
+    '--c-border-soft': 'hsl(140 22% 70%)',
+    '--c-border-faint': 'hsl(140 35% 92%)',
+    '--c-border-strong': 'hsl(140 20% 40%)',
+    '--c-text': 'hsl(140 30% 12%)',
+    '--c-text-secondary': 'hsl(140 20% 25%)',
+    '--c-text-muted': 'hsl(140 15% 40%)',
+    '--c-text-subtle': 'hsl(140 10% 50%)',
+    '--c-text-faint': 'hsl(140 10% 65%)',
+    '--c-text-faintest': 'hsl(140 12% 80%)',
+    '--c-danger-bg': '#fee2e2',
+    '--c-danger-border': '#fca5a5',
+    '--c-danger-text': '#b91c1c',
+    '--c-danger-text-strong': '#991b1b',
+    '--c-accent': 'hsl(320 70% 40%)',
+    '--c-accent-soft': 'hsl(290 60% 85%)',
+    '--c-accent-text': 'hsl(320 75% 28%)',
+    '--c-accent-2': 'hsl(230 70% 45%)',
+    '--c-accent-3': 'hsl(50 70% 38%)',
   },
 }