BREAKING CHANGE(elements): Migrate web components to @design.estate/dees-element, introduce shared theme colors and cssManager, and update imports/usages across ts_web.

ts_web/elements/shared.ts

@@ -1,3 +1,39 @@
-import { unsafeCSS } from 'lit'
+import { unsafeCSS, cssManager } from '@design.estate/dees-element';
 
-export const fontStack = unsafeCSS('system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif');
+export { cssManager };
+
+export const fontStack = unsafeCSS('system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif');
+
+// Shadcn-inspired color palette
+export const colors = {
+  light: {
+    background: '#ffffff',
+    foreground: '#09090b',
+    muted: '#f4f4f5',
+    mutedForeground: '#71717a',
+    border: '#e4e4e7',
+    input: '#e4e4e7',
+    primary: '#18181b',
+    primaryForeground: '#fafafa',
+    secondary: '#f4f4f5',
+    secondaryForeground: '#18181b',
+    accent: '#f4f4f5',
+    accentForeground: '#18181b',
+    ring: '#a1a1aa',
+  },
+  dark: {
+    background: '#09090b',
+    foreground: '#fafafa',
+    muted: '#27272a',
+    mutedForeground: '#a1a1aa',
+    border: '#27272a',
+    input: '#27272a',
+    primary: '#fafafa',
+    primaryForeground: '#18181b',
+    secondary: '#27272a',
+    secondaryForeground: '#fafafa',
+    accent: '#27272a',
+    accentForeground: '#fafafa',
+    ring: '#52525b',
+  },
+};