website refactor

apps/website/ui/theme/themes/default.ts

@@ -0,0 +1,51 @@
+import { Theme } from '../Theme';
+
+export const defaultTheme: Theme = {
+  id: 'default',
+  name: 'Precision Racing (Dark)',
+  colors: {
+    bg: {
+      base: '#0C0D0F',
+      surface: '#141619',
+      surfaceMuted: 'rgba(20, 22, 25, 0.7)',
+    },
+    border: {
+      default: '#23272B',
+      muted: 'rgba(35, 39, 43, 0.5)',
+    },
+    text: {
+      high: '#FFFFFF',
+      med: '#A1A1AA',
+      low: '#71717A',
+    },
+    intent: {
+      primary: '#198CFF',
+      telemetry: '#4ED4E0',
+      warning: '#FFBE4D',
+      success: '#6FE37A',
+      critical: '#E35C5C',
+    },
+  },
+  radii: {
+    none: '0',
+    sm: '0.125rem',
+    md: '0.375rem',
+    lg: '0.5rem',
+    xl: '0.75rem',
+    full: '9999px',
+  },
+  shadows: {
+    none: 'none',
+    sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
+    md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
+    lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
+    xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
+    focus: '0 0 0 4px rgba(25, 140, 255, 0.5)',
+  },
+  typography: {
+    fontFamily: {
+      sans: "'Inter', system-ui, sans-serif",
+      mono: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
+    },
+  },
+};