manage all styles in one place

mobile/src/theme/styles.ts

@@ -54,7 +54,7 @@ export const getThemeStyles = (isDark: boolean) => {
       fontWeight: '600',
     },
     buttonText: {
-      color: isDark ? COLORS.LIGHT.brand : '#ffffff', // Dark text on light button, white text on dark button
+      color: isDark ? COLORS.LIGHT.brand : '#ffffff',
       fontSize: 18,
       fontWeight: 'bold',
     }
@@ -170,4 +170,69 @@ export const commonStyles = StyleSheet.create({
     marginLeft: 10,
     fontSize: 14,
   },
+  centered: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 20,
+  },
+});
+
+export const homeStyles = StyleSheet.create({
+  listContent: {
+    padding: 16,
+    paddingBottom: 100, // Space for FAB
+  },
+  docCard: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 16,
+    borderRadius: 12,
+    marginBottom: 12,
+    borderWidth: 1,
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.05,
+    shadowRadius: 4,
+    elevation: 2,
+  },
+  docIcon: {
+    marginRight: 16,
+  },
+  docInfo: {
+    flex: 1,
+  },
+  docName: {
+    fontSize: 16,
+    fontWeight: '600',
+    marginBottom: 4,
+  },
+  docDate: {
+    fontSize: 12,
+  },
+  deleteBtn: {
+    padding: 8,
+  },
+  fab: {
+    position: 'absolute',
+    bottom: 24,
+    right: 24,
+    width: 64,
+    height: 64,
+    borderRadius: 32,
+    alignItems: 'center',
+    justifyContent: 'center',
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 4 },
+    shadowOpacity: 0.3,
+    shadowRadius: 4.65,
+    elevation: 8,
+  },
+  loadingOverlay: {
+    ...StyleSheet.absoluteFillObject,
+    backgroundColor: 'rgba(0,0,0,0.7)',
+    alignItems: 'center',
+    justifyContent: 'center',
+    zIndex: 1000,
+  },
 });