diff --git a/frontend/tailwind.config.cjs b/frontend/tailwind.config.cjs
index 67dd133..55b41b4 100644
--- a/frontend/tailwind.config.cjs
+++ b/frontend/tailwind.config.cjs
@@ -1,5 +1,3 @@
-const colors = require('tailwindcss/colors');
-
 /** @type {import('tailwindcss').Config} */
 module.exports = {
     content: [
@@ -30,64 +28,82 @@ module.exports = {
             },
         },
         extend: {
-            // Design OS Palette (Stone & Lime)
+            // Design OS Palette (Stone & Lime) - Hardcoded for build stability
             colors: {
-                // Neutral scale (Stone = warmth + utility)
+                // Neutral scale (Stone)
                 neutral: {
-                    ...colors.stone,
-                    // Map legacy specifics if needed, but prefer stone-950 for blacks
-                    850: '#1c1917', // stone-900ish
-                    950: '#0c0a09', // stone-950
+                    50: '#fafaf9',
+                    100: '#f5f5f4',
+                    200: '#e7e5e4',
+                    300: '#d6d3d1',
+                    400: '#a8a29e',
+                    500: '#78716c',
+                    600: '#57534e',
+                    700: '#44403c',
+                    800: '#292524',
+                    900: '#1c1917',
+                    950: '#0c0a09',
+                    850: '#1c1917', // Legacy support
                 },
-                // Primary Accent (Lime = fresh + technical)
+                // Primary Accent (Lime)
                 accent: {
-                    ...colors.lime,
-                    DEFAULT: colors.lime[500], // Was Linear Purple
-                    hover: colors.lime[400],
-                    muted: 'rgba(132, 204, 22, 0.15)', // Lime-500 alpha
-                    foreground: colors.stone[950], // Dark text on lime
+                    DEFAULT: '#84cc16', // lime-500
+                    hover: '#a3e635',   // lime-400
+                    muted: 'rgba(132, 204, 22, 0.15)',
+                    foreground: '#0c0a09',
+                    50: '#f7fee7',
+                    100: '#ecfccb',
+                    200: '#d9f99d',
+                    300: '#bef264',
+                    400: '#a3e635',
+                    500: '#84cc16',
+                    600: '#65a30d',
+                    700: '#4d7c0f',
+                    800: '#3f6212',
+                    900: '#365314',
+                    950: '#1a2e05',
                 },
                 // Semantic colors
                 success: {
-                    DEFAULT: colors.emerald[500],
+                    DEFAULT: '#10b981', // emerald-500
                     muted: 'rgba(16, 185, 129, 0.15)',
                     foreground: '#FFFFFF',
                 },
                 warning: {
-                    DEFAULT: colors.amber[500],
+                    DEFAULT: '#f59e0b', // amber-500
                     muted: 'rgba(245, 158, 11, 0.15)',
                     foreground: '#171717',
                 },
                 destructive: {
-                    DEFAULT: colors.red[500],
+                    DEFAULT: '#ef4444', // red-500
                     muted: 'rgba(239, 68, 68, 0.15)',
                     foreground: '#FFFFFF',
                 },
                 // Mappings
-                border: colors.stone[200],
-                input: colors.stone[200],
-                ring: colors.lime[500],
-                background: colors.stone[50], // Slightly warm background
-                foreground: colors.stone[950],
+                border: '#e7e5e4', // stone-200
+                input: '#e7e5e4',
+                ring: '#84cc16', // lime-500
+                background: '#fafaf9', // stone-50
+                foreground: '#0c0a09', // stone-950
                 primary: {
-                    DEFAULT: colors.lime[500],
-                    foreground: colors.stone[950],
+                    DEFAULT: '#84cc16',
+                    foreground: '#0c0a09',
                 },
                 secondary: {
-                    DEFAULT: colors.stone[100],
-                    foreground: colors.stone[900],
+                    DEFAULT: '#f5f5f4', // stone-100
+                    foreground: '#1c1917',
                 },
                 muted: {
-                    DEFAULT: colors.stone[100],
-                    foreground: colors.stone[500],
+                    DEFAULT: '#f5f5f4',
+                    foreground: '#78716c',
                 },
                 popover: {
                     DEFAULT: "#FFFFFF",
-                    foreground: colors.stone[950],
+                    foreground: '#0c0a09',
                 },
                 card: {
                     DEFAULT: "#FFFFFF",
-                    foreground: colors.stone[950],
+                    foreground: '#0c0a09',
                 },
             },
             borderRadius: {