Add prototype theme colors

app/src/global.css

@@ -6,3 +6,27 @@
 /* End-user path: heroui-native lives in the project's node_modules, one
    level up from this src/global.css file. */
 @source '../node_modules/heroui-native/lib';
+
+@layer theme {
+  @variant light {
+    --background: #f7f6fb;
+    --surface: #ffffff;
+    --surface-secondary: #f0eef8;
+    --accent: #7a34d4;
+    --accent-foreground: #ffffff;
+    --success: #059669;
+    --warning: #d97706;
+    --danger: #dc2626;
+  }
+
+  @variant dark {
+    --background: #0e0e1c;
+    --surface: #171730;
+    --surface-secondary: #1e1e3c;
+    --accent: #b060ff;
+    --accent-foreground: #ffffff;
+    --success: #14f195;
+    --warning: #f5a623;
+    --danger: #ff4d4f;
+  }
+}