css refactor

frontend/tailwind.config.js

@@ -5,7 +5,69 @@ export default {
     "./src/**/*.{svelte,js,ts,jsx,tsx}",
   ],
   theme: {
-    extend: {},
+    extend: {
+      colors: {
+        // Semantic UI colors (light surfaces)
+        primary: {
+          DEFAULT: '#2563eb', // blue-600
+          hover: '#1d4ed8',   // blue-700
+          ring: '#3b82f6',    // blue-500
+          light: '#eff6ff',   // blue-50
+        },
+        secondary: {
+          DEFAULT: '#f3f4f6', // gray-100
+          hover: '#e5e7eb',   // gray-200
+          text: '#111827',    // gray-900
+          ring: '#6b7280',    // gray-500
+        },
+        destructive: {
+          DEFAULT: '#dc2626', // red-600
+          hover: '#b91c1c',   // red-700
+          ring: '#ef4444',    // red-500
+          light: '#fef2f2',   // red-50
+        },
+        ghost: {
+          hover: '#f3f4f6',   // gray-100
+          text: '#374151',    // gray-700
+          ring: '#6b7280',    // gray-500
+        },
+        // Dark terminal palette (log viewer, task drawer)
+        terminal: {
+          bg: '#0f172a',         // slate-900
+          surface: '#1e293b',    // slate-800
+          border: '#334155',     // slate-700
+          text: {
+            DEFAULT: '#cbd5e1',  // slate-300
+            muted: '#475569',    // slate-600
+            subtle: '#64748b',   // slate-500
+            bright: '#e2e8f0',   // slate-200
+            heading: '#f1f5f9',  // slate-100
+          },
+          accent: '#22d3ee',     // cyan-400
+        },
+        // Log level palette
+        log: {
+          debug: '#64748b',
+          info: '#38bdf8',
+          warning: '#fbbf24',
+          error: '#f87171',
+        },
+        // Log source palette
+        source: {
+          plugin: '#4ade80',
+          api: '#c084fc',
+          git: '#fb923c',
+          system: '#38bdf8',
+        },
+      },
+      width: {
+        sidebar: '240px',
+        'sidebar-collapsed': '64px',
+      },
+      fontFamily: {
+        mono: ['"JetBrains Mono"', '"Fira Code"', 'monospace'],
+      },
+    },
   },
   plugins: [],
 }