first commit

src/constants/theme.ts

@@ -0,0 +1,55 @@
+export const COLORS = {
+  primary: '#D4AF37', // Gold
+  secondary: '#1a1a1a', // Dark black
+  background: '#0a0a0a', // Deep black
+  surface: '#1f1f1f', // Card background
+  text: '#ffffff', // White text
+  textSecondary: '#b0b0b0', // Gray text
+  accent: '#FFD700', // Bright gold
+  error: '#ff4444',
+  success: '#44ff44',
+  warning: '#ffaa00',
+  border: '#333333',
+  overlay: 'rgba(0, 0, 0, 0.5)',
+};
+
+export const SIZES = {
+  base: 8,
+  font: 14,
+  radius: 12,
+  padding: 16,
+  margin: 16,
+};
+
+export const FONTS = {
+  h1: { fontSize: 32, fontWeight: 'bold' as const },
+  h2: { fontSize: 24, fontWeight: 'bold' as const },
+  h3: { fontSize: 20, fontWeight: '600' as const },
+  h4: { fontSize: 18, fontWeight: '600' as const },
+  body: { fontSize: 16, fontWeight: 'normal' as const },
+  caption: { fontSize: 12, fontWeight: 'normal' as const },
+};
+
+export const SHADOWS = {
+  light: {
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.1,
+    shadowRadius: 4,
+    elevation: 3,
+  },
+  medium: {
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 4 },
+    shadowOpacity: 0.15,
+    shadowRadius: 8,
+    elevation: 6,
+  },
+  heavy: {
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 8 },
+    shadowOpacity: 0.2,
+    shadowRadius: 16,
+    elevation: 10,
+  },
+};