add project setup

tools/remotion/lib/theme.ts

@@ -0,0 +1,42 @@
+// Design tokens extracted from Codeman's styles.css and index.html
+
+export const colors = {
+  bg: {
+    dark: '#0a0a0a',
+    card: '#141414',
+    input: '#1a1a1a',
+    hover: '#222',
+    terminal: '#0d0d0d',
+  },
+  border: {
+    default: '#2a2a2a',
+    light: '#333',
+  },
+  text: {
+    primary: '#eee',
+    dim: '#888',
+    muted: '#555',
+  },
+  accent: {
+    blue: '#3b82f6',
+    blueHover: '#60a5fa',
+    green: '#22c55e',
+    yellow: '#eab308',
+    red: '#ef4444',
+    purple: '#a855f7',
+    orange: '#f97316',
+  },
+} as const;
+
+export const layout = {
+  headerHeight: 36,
+  toolbarHeight: 40,
+  tabHeight: 28,
+  borderRadius: 4,
+} as const;
+
+export const fonts = {
+  ui: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
+  mono: "'SF Mono', 'Cascadia Code', 'Fira Code', 'JetBrains Mono', Menlo, monospace",
+} as const;
+