Index: src/services/ThemeService.js
===================================================================
--- src/services/ThemeService.js	(revision 2165b6d3d57ceaa8b5d1f70491868482149470cf)
+++ src/services/ThemeService.js	(revision 7bc636b391c66ac399c33e54f7173a022c6a3cbd)
@@ -2,59 +2,58 @@
  * ThemeService — Palette and theme management
  * 
- * 8 Built-in Palettes — 1 neutral default + 7 real colours:
- * - Klonkt (DEFAULT, clean white/black neutral + gold accent; was 'Paper')
- * - Forest (green) · Ocean (blue) · Teal · Lilac (purple)
- * - Sunset (pink) · Candy (red) · Amber (warm)
- * Colour palettes are tinted (like forest/lilac), not navy-with-accent.
- *
+ * 8 Built-in Palettes (from v9):
+ * - Sage (default, warm crème)
+ * - Paper (minimalist white)
+ * - Ocean (cool blues)
+ * - Forest (greens)
+ * - Stone (grays)
+ * - Midnight (dark blue)
+ * - Sunset (warm oranges)
+ * - Cream (light beige)
+ * 
  * Dark/Light mode toggle stored per user
  */
 
 class ThemeService {
-  // Paper/ink values map 1-to-1 from the [data-palette] CSS in style.css (= what
-  // is ACTUALLY applied); the accent dot is a representative color per palette.
   static PALETTES = {
-    // DEFAULT — clean neutral (formerly 'Paper'), renamed to the brand 'Klonkt'.
-    // White → near-black, with the brand gold as accent. The old navy 'Klonkt' is gone.
-    klonkt: {
-      name: 'Klonkt',
-      light: { paper: '#ffffff', ink: '#09090b', accent: '#c98a2a' },
-      dark: { paper: '#0a0a0a', ink: '#fafafa', accent: '#e8b04b' }
-    },
-    // 7 real-colour palettes (tinted paper, like forest/lilac — NOT navy-with-accent).
+    sage: {
+      name: 'Sage',
+      light: { paper: '#faf8f3', ink: '#1a1a1a', accent: '#c2410c' },
+      dark: { paper: '#1c1a17', ink: '#f4ede0', accent: '#c2410c' }
+    },
+    paper: {
+      name: 'Paper',
+      light: { paper: '#ffffff', ink: '#09090b', accent: '#000000' },
+      dark: { paper: '#09090b', ink: '#fafafa', accent: '#ffffff' }
+    },
+    ocean: {
+      name: 'Ocean',
+      light: { paper: '#f0f9ff', ink: '#0c2d48', accent: '#0369a1' },
+      dark: { paper: '#001f3f', ink: '#e0f2fe', accent: '#06b6d4' }
+    },
     forest: {
       name: 'Forest',
-      light: { paper: '#f2f6ed', ink: '#1a2e15', accent: '#4d7c2a' },
-      dark: { paper: '#0d1f12', ink: '#dcf2d0', accent: '#6fae3f' }
-    },
-    ocean: {
-      name: 'Ocean',
-      light: { paper: '#eef4fb', ink: '#0f2942', accent: '#1d6fe0' },
-      dark: { paper: '#081726', ink: '#d6e8fb', accent: '#5ba0f5' }
-    },
-    teal: {
-      name: 'Teal',
-      light: { paper: '#ecf7f5', ink: '#0c2e2a', accent: '#0d9488' },
-      dark: { paper: '#06201d', ink: '#d4f2ec', accent: '#2dd4bf' }
-    },
-    lilac: {
-      name: 'Lilac',
-      light: { paper: '#faf4fb', ink: '#2a1830', accent: '#a855f7' },
-      dark: { paper: '#170a1c', ink: '#f3e2f7', accent: '#c084fc' }
+      light: { paper: '#f0fdf4', ink: '#15803d', accent: '#16a34a' },
+      dark: { paper: '#052e16', ink: '#dcfce7', accent: '#22c55e' }
+    },
+    stone: {
+      name: 'Stone',
+      light: { paper: '#f5f5f5', ink: '#262626', accent: '#737373' },
+      dark: { paper: '#1f1f1f', ink: '#e5e5e5', accent: '#a3a3a3' }
+    },
+    midnight: {
+      name: 'Midnight',
+      light: { paper: '#f8fafc', ink: '#1e293b', accent: '#3b82f6' },
+      dark: { paper: '#0f172a', ink: '#f1f5f9', accent: '#60a5fa' }
     },
     sunset: {
       name: 'Sunset',
-      light: { paper: '#fdf4f3', ink: '#2e1618', accent: '#d6477f' },
-      dark: { paper: '#1f0a14', ink: '#fce7f3', accent: '#f06fa3' }
-    },
-    candy: {
-      name: 'Candy',
-      light: { paper: '#fdf1f3', ink: '#3a1018', accent: '#e11d48' },
-      dark: { paper: '#220810', ink: '#fde0e6', accent: '#fb6f8b' }
-    },
-    amber: {
-      name: 'Amber',
-      light: { paper: '#fdf6e9', ink: '#3a2a0c', accent: '#d97706' },
-      dark: { paper: '#221a08', ink: '#fdeecb', accent: '#f0a93a' }
+      light: { paper: '#fef3c7', ink: '#92400e', accent: '#f97316' },
+      dark: { paper: '#5a1f08', ink: '#fef3c7', accent: '#fb923c' }
+    },
+    cream: {
+      name: 'Cream',
+      light: { paper: '#fffbf0', ink: '#78350f', accent: '#d97706' },
+      dark: { paper: '#3f2305', ink: '#fffbf0', accent: '#f59e0b' }
     }
   };
@@ -65,17 +64,13 @@
    * Each color works against both light and dark themes.
    */
-  // Balanced across the color wheel — fewer greens/blues (4 of 12),
-  // more warm + purple/pink variation. All readable on both light and dark.
   static ACCENTS = [
-    { key: 'klonkt',  name: 'Klonkt-geel', color: '#e8b04b' },
-    { key: 'red',     name: 'Candy-rood', color: '#e11d48' },
-    { key: 'amber',   name: 'Amber',     color: '#d97706' },
-    { key: 'forest',  name: 'Groen',     color: '#16a34a' },
-    { key: 'teal',    name: 'Turquoise', color: '#0d9488' },
-    { key: 'ocean',   name: 'Blauw',     color: '#2563eb' },
-    { key: 'indigo',  name: 'Indigo',    color: '#4f46e5' },
-    { key: 'violet',  name: 'Violet',    color: '#7c3aed' },
-    { key: 'plum',    name: 'Magenta',   color: '#c026d3' },
-    { key: 'pink',    name: 'Roze',      color: '#db2777' },
+    { key: 'orange',  name: 'Oranje',  color: '#c2410c' },
+    { key: 'sage',    name: 'Salie',   color: '#5a8a5a' },
+    { key: 'ocean',   name: 'Oceaan',  color: '#0369a1' },
+    { key: 'forest',  name: 'Bos',     color: '#16a34a' },
+    { key: 'plum',    name: 'Pruim',   color: '#9d3a78' },
+    { key: 'gold',    name: 'Goud',    color: '#d97706' },
+    { key: 'crimson', name: 'Karmijn', color: '#ef2840' },
+    { key: 'indigo',  name: 'Indigo',  color: '#6366f1' },
   ];
 
@@ -100,5 +95,5 @@
    */
   static getPalette(paletteKey) {
-    return this.PALETTES[paletteKey] || this.PALETTES.klonkt;
+    return this.PALETTES[paletteKey] || this.PALETTES.sage;
   }
 
@@ -172,6 +167,6 @@
   static generateThemeMeta(userTheme, userPalette, siteTheme, siteAccent) {
     const theme = userTheme || siteTheme || 'dark';
-    const palette = userPalette || 'klonkt';
-    const accent = siteAccent || '#e8b04b';
+    const palette = userPalette || 'sage';
+    const accent = siteAccent || '#c2410c';
     const paletteData = this.getPalette(palette);
     const colors = theme === 'dark' ? paletteData.dark : paletteData.light;