Add Command Center v2: DQ/RAG integration, S3 browser, Jupyter, GPU matrix.

Mirror mo/atc-GPU layout with config/, docs/, scripts/ for Gitea deploy.

ui/tailwind.config.js

@@ -1,32 +1,49 @@
 /** @type {import('tailwindcss').Config} */
 export default {
   content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
+  darkMode: 'class',
   theme: {
     extend: {
-      colors: {
-        void: '#f0f4ff',
-        panel: '#ffffff',
-        ink: {
-          DEFAULT: '#1a2332',
-          muted: '#5a6b82',
-          faint: '#8b9cb3',
-        },
-        neon: {
-          cyan: '#0099cc',
-          magenta: '#cc0088',
-          green: '#22aa44',
-          amber: '#cc7700',
-          purple: '#8844cc',
-        },
-      },
       fontFamily: {
-        display: ['"Space Grotesk"', 'system-ui', 'sans-serif'],
+        sans: ['Inter', 'system-ui', 'sans-serif'],
         mono: ['"JetBrains Mono"', 'monospace'],
       },
+      colors: {
+        docker: {
+          DEFAULT: '#2496ED',
+          dark: '#1D7CC8',
+          light: '#E8F4FD',
+        },
+        surface: {
+          DEFAULT: 'rgb(var(--surface) / <alpha-value>)',
+          raised: 'rgb(var(--surface-raised) / <alpha-value>)',
+          overlay: 'rgb(var(--surface-overlay) / <alpha-value>)',
+          muted: 'rgb(var(--surface-muted) / <alpha-value>)',
+        },
+        border: {
+          DEFAULT: 'rgb(var(--border) / <alpha-value>)',
+          strong: 'rgb(var(--border-strong) / <alpha-value>)',
+        },
+        foreground: {
+          DEFAULT: 'rgb(var(--foreground) / <alpha-value>)',
+          muted: 'rgb(var(--foreground-muted) / <alpha-value>)',
+          faint: 'rgb(var(--foreground-faint) / <alpha-value>)',
+        },
+        success: '#22C55E',
+        warning: '#F59E0B',
+        danger: '#EF4444',
+      },
       boxShadow: {
-        'neon-cyan': '0 0 20px rgba(0, 153, 204, 0.25), 0 4px 16px rgba(0, 153, 204, 0.12)',
-        'neon-magenta': '0 0 20px rgba(204, 0, 136, 0.2)',
-        card: '0 4px 20px rgba(15, 40, 80, 0.07)',
+        panel: 'var(--shadow-panel)',
+        docker: 'var(--shadow-docker)',
+      },
+      animation: {
+        'flow-dash': 'flow-dash 1.4s linear infinite',
+        'flow-pulse': 'flow-pulse 2.2s linear infinite',
+      },
+      keyframes: {
+        'flow-dash': { to: { strokeDashoffset: '-48' } },
+        'flow-pulse': { to: { strokeDashoffset: '-248' } },
       },
     },
   },