feat: make docs theme-aware using CSS variables

- Update Tailwind config to use CSS variables instead of hardcoded colors
- Colors now reference theme variables: var(--text-primary), var(--text-secondary), etc.
- Fix Tokyo Night theme: text-secondary corrected from #565f89 to #9aa5ce
- Typography plugin now uses var() for theme-aware prose styling
- Enables docs to respect theme system like rest of app

tailwind.config.ts

@@ -21,20 +21,20 @@ const config: Config = {
           800: '#075985',
           900: '#0c4a6e',
         },
-        'bg-primary': '#1a1b26',
+        'bg-primary': 'var(--bg-primary)',
-        'bg-secondary': '#16161e', 
+        'bg-secondary': 'var(--bg-secondary)',
-        'text-primary': '#a9b1d6',
+        'text-primary': 'var(--text-primary)',
-        'text-secondary': '#565f89',
+        'text-secondary': 'var(--text-secondary)',
-        'accent': '#7aa2f7',
+        'accent': 'var(--accent)',
-        'border': '#414868',
+        'border': 'var(--border)',
       },
       typography: ({ theme }) => ({
         invert: {
           css: {
-            '--tw-prose-pre-bg': theme('colors.background.secondary'),
+            '--tw-prose-pre-bg': 'var(--bg-secondary)',
             code: {
-              backgroundColor: theme('colors.background.primary'),
+              backgroundColor: 'var(--bg-primary)',
-              color: theme('colors.text.primary'),
+              color: 'var(--text-primary)',
               fontWeight: '400',
             },
             'code::before': {
@@ -48,8 +48,8 @@ const config: Config = {
               color: 'inherit',
             },
             pre: {
-              backgroundColor: theme('colors.background.secondary'),
+              backgroundColor: 'var(--bg-secondary)',
-              color: theme('colors.text.primary'),
+              color: 'var(--text-primary)',
             },
           },
         },

web/static/input.css

@@ -17,7 +17,7 @@
     --bg-primary: #1a1b26;
     --bg-secondary: #16161e;
     --text-primary: #a9b1d6;
-    --text-secondary: #565f89;
+    --text-secondary: #9aa5ce;
     --accent: #7aa2f7;
     --border: #414868;
   }