Base design done

constants/Colors.ts

@@ -1,19 +1,30 @@
-const tintColorLight = '#2f95dc';
-const tintColorDark = '#fff';
+const primary = '#1C1C1E'; // A deep, dark gray, almost black
+const secondary = '#2C2C2E'; // A slightly lighter gray for cards and surfaces
+const accent = '#D4AF37'; // A gold/yellow accent for highlights and buttons
+const text = '#FFFFFF';
+const textSecondary = '#8E8E93'; // A muted gray for secondary text
 
 export default {
   light: {
     text: '#000',
     background: '#fff',
-    tint: tintColorLight,
+    tint: accent,
     tabIconDefault: '#ccc',
-    tabIconSelected: tintColorLight,
+    tabIconSelected: accent,
+    primary,
+    secondary,
+    accent,
+    textSecondary,
   },
   dark: {
-    text: '#fff',
-    background: '#000',
-    tint: tintColorDark,
+    text: text,
+    background: primary,
+    tint: accent,
     tabIconDefault: '#ccc',
-    tabIconSelected: tintColorDark,
+    tabIconSelected: accent,
+    primary,
+    secondary,
+    accent,
+    textSecondary,
   },
 };