Add Stationery and Stationery Dark themes with notebook chrome.

Manila folders, ruled chat, post-it nav, and folder tabs; dark variant uses Catppuccin Mocha colors with muted stickies and soft glows.

src/colors.css.ts

@@ -722,3 +722,199 @@ export const catppuccinMochaTheme = createTheme(color, {
   },
 });
 
+/** Notebook / stationery desk — paper, ink, washi accents */
+export const stationeryTheme = createTheme(color, {
+  Background: {
+    Container: '#D9D0C0',
+    ContainerHover: '#CFC5B3',
+    ContainerActive: '#C4B9A5',
+    ContainerLine: '#B8AC96',
+    OnContainer: '#2E2A24',
+  },
+
+  Surface: {
+    Container: '#FFFCF5',
+    ContainerHover: '#F5F0E6',
+    ContainerActive: '#EBE4D6',
+    ContainerLine: '#DDD4C4',
+    OnContainer: '#2E2A24',
+  },
+
+  SurfaceVariant: {
+    Container: '#F5F0E6',
+    ContainerHover: '#EBE4D6',
+    ContainerActive: '#DDD4C4',
+    ContainerLine: '#CFC5B3',
+    OnContainer: '#2E2A24',
+  },
+
+  Primary: {
+    Main: '#3D7A5F',
+    MainHover: '#356B53',
+    MainActive: '#2E5C47',
+    MainLine: '#274E3C',
+    OnMain: '#FFFCF5',
+    Container: '#C8DFD2',
+    ContainerHover: '#B8D4C4',
+    ContainerActive: '#A8C9B6',
+    ContainerLine: '#98BEA8',
+    OnContainer: '#1E3D2F',
+  },
+
+  Secondary: {
+    Main: '#2E2A24',
+    MainHover: '#3F3A32',
+    MainActive: '#4A443B',
+    MainLine: '#554E44',
+    OnMain: '#FFFCF5',
+    Container: '#DDD4C4',
+    ContainerHover: '#CFC5B3',
+    ContainerActive: '#C4B9A5',
+    ContainerLine: '#B8AC96',
+    OnContainer: '#2E2A24',
+  },
+
+  Success: {
+    Main: '#2F7A4A',
+    MainHover: '#296B41',
+    MainActive: '#235C38',
+    MainLine: '#1E4E30',
+    OnMain: '#FFFCF5',
+    Container: '#C5E0CF',
+    ContainerHover: '#B5D6C1',
+    ContainerActive: '#A5CCB3',
+    ContainerLine: '#95C2A5',
+    OnContainer: '#1A4028',
+  },
+
+  Warning: {
+    Main: '#B87820',
+    MainHover: '#A66B1C',
+    MainActive: '#945E19',
+    MainLine: '#825215',
+    OnMain: '#FFFCF5',
+    Container: '#F5E4C0',
+    ContainerHover: '#F0DBAD',
+    ContainerActive: '#EBD29A',
+    ContainerLine: '#E6C987',
+    OnContainer: '#5C3C10',
+  },
+
+  Critical: {
+    Main: '#B83A3A',
+    MainHover: '#A63434',
+    MainActive: '#942E2E',
+    MainLine: '#822828',
+    OnMain: '#FFFCF5',
+    Container: '#F0C8C8',
+    ContainerHover: '#EBB8B8',
+    ContainerActive: '#E6A8A8',
+    ContainerLine: '#E19898',
+    OnContainer: '#5C1D1D',
+  },
+
+  Other: {
+    FocusRing: 'rgba(61, 122, 95, 0.45)',
+    Shadow: 'rgba(46, 42, 36, 0.18)',
+    Overlay: 'rgba(46, 42, 36, 0.45)',
+  },
+});
+
+/** Stationery dark — Catppuccin Mocha colors + stationery chrome */
+export const stationeryDarkTheme = createTheme(color, {
+  Background: {
+    Container: '#11111b',
+    ContainerHover: '#181825',
+    ContainerActive: '#1e1e2e',
+    ContainerLine: '#313244',
+    OnContainer: '#cdd6f4',
+  },
+
+  Surface: {
+    Container: '#1e1e2e',
+    ContainerHover: '#313244',
+    ContainerActive: '#45475a',
+    ContainerLine: '#585b70',
+    OnContainer: '#cdd6f4',
+  },
+
+  SurfaceVariant: {
+    Container: '#313244',
+    ContainerHover: '#45475a',
+    ContainerActive: '#585b70',
+    ContainerLine: '#6c7086',
+    OnContainer: '#cdd6f4',
+  },
+
+  Primary: {
+    Main: '#cba6f7',
+    MainHover: '#b894e0',
+    MainActive: '#a682c9',
+    MainLine: '#9470b2',
+    OnMain: '#11111b',
+    Container: '#313244',
+    ContainerHover: '#45475a',
+    ContainerActive: '#585b70',
+    ContainerLine: '#6c7086',
+    OnContainer: '#cba6f7',
+  },
+
+  Secondary: {
+    Main: '#bac2de',
+    MainHover: '#a6adc8',
+    MainActive: '#9399b2',
+    MainLine: '#7f849c',
+    OnMain: '#11111b',
+    Container: '#1e1e2e',
+    ContainerHover: '#313244',
+    ContainerActive: '#45475a',
+    ContainerLine: '#585b70',
+    OnContainer: '#cdd6f4',
+  },
+
+  Success: {
+    Main: '#a6e3a1',
+    MainHover: '#94d98e',
+    MainActive: '#82cf7b',
+    MainLine: '#70c568',
+    OnMain: '#11111b',
+    Container: '#1a2e1a',
+    ContainerHover: '#213821',
+    ContainerActive: '#284228',
+    ContainerLine: '#2f4c2f',
+    OnContainer: '#a6e3a1',
+  },
+
+  Warning: {
+    Main: '#fab387',
+    MainHover: '#f8a070',
+    MainActive: '#f68d59',
+    MainLine: '#f47a42',
+    OnMain: '#11111b',
+    Container: '#2e1f0f',
+    ContainerHover: '#3a2714',
+    ContainerActive: '#462f19',
+    ContainerLine: '#52371e',
+    OnContainer: '#fab387',
+  },
+
+  Critical: {
+    Main: '#f38ba8',
+    MainHover: '#f07494',
+    MainActive: '#ed5d80',
+    MainLine: '#ea466c',
+    OnMain: '#11111b',
+    Container: '#2e1119',
+    ContainerHover: '#3a1620',
+    ContainerActive: '#461b27',
+    ContainerLine: '#52202e',
+    OnContainer: '#f38ba8',
+  },
+
+  Other: {
+    FocusRing: 'rgba(203, 166, 247, 0.6)',
+    Shadow: 'rgba(0, 0, 0, 0.9)',
+    Overlay: 'rgba(0, 0, 0, 0.8)',
+  },
+});
+