Refactor UI styles: update color scheme for consistency across components, enhance visual hierarchy, and improve accessibility.

src/components/screens/RegisterScreen.js

@@ -145,8 +145,8 @@ const styles = StyleSheet.create({
     paddingVertical: 10,
   },
   typeButtonActive: {
-    backgroundColor: '#89b4fa',
-    borderColor: '#89b4fa',
+    backgroundColor: '#bd93f9',
+    borderColor: '#bd93f9',
   },
   typeText: {
     color: '#bac2de',
@@ -156,13 +156,13 @@ const styles = StyleSheet.create({
     color: '#1e1e2e',
   },
   errorText: {
-    color: '#f38ba8',
+    color: '#D92800',
     textAlign: 'center',
     marginTop: 5,
   },
   submitButton: {
-    backgroundColor: '#89b4fa',
-    borderColor: '#89b4fa',
+    backgroundColor: '#bd93f9',
+    borderColor: '#bd93f9',
   },
   submitText: {
     color: '#1e1e2e',
@@ -170,7 +170,7 @@ const styles = StyleSheet.create({
   },
   linkText: {
     textAlign: 'center',
-    color: '#89b4fa',
+    color: '#bd93f9',
     fontWeight: '600',
     paddingVertical: 10,
   },