first commit

src/constants/theme.ts

@@ -35,7 +35,7 @@ export const Fonts = Platform.select({
     /** iOS `UIFontDescriptorSystemDesignRounded` */
     rounded: 'ui-rounded',
     /** iOS `UIFontDescriptorSystemDesignMonospaced` */
-    mono: 'ui-monospace',
+    mono: 'ui-monospaced',
   },
   default: {
     sans: 'normal',
@@ -63,3 +63,43 @@ export const Spacing = {
 
 export const BottomTabInset = Platform.select({ ios: 50, android: 80 }) ?? 0;
 export const MaxContentWidth = 800;
+
+/**
+ * Brand design tokens for the gumble onboarding / auth flow.
+ * These are dark-only and override the light/dark `Colors` scheme on the screens
+ * that use the gumble brand (login, onboarding, game selection, search).
+ */
+export const Brand = {
+  bg: '#141414',
+  surface: '#2c2c2c',
+  surfaceAlt: '#1a1a1a',
+  border: 'rgba(255,255,255,0.1)',
+  borderStrong: 'rgba(255,255,255,0.2)',
+  text: '#ffffff',
+  textMuted: 'rgba(255,255,255,0.6)',
+  textFaint: 'rgba(255,255,255,0.4)',
+  accent: '#e92eba',
+  accentSoft: 'rgba(233,46,186,0.12)',
+  accentLight: '#f3c',
+  inputBg: 'rgba(255,255,255,0.03)',
+  gradient: ['#f3c', '#e62eb8'] as const,
+} as const;
+
+/**
+ * Font family names loaded by `@expo-google-fonts/montserrat` and
+ * `@expo-google-fonts/poppins`. Use as `fontFamily: BrandFont.X`.
+ * These are the same names that the loader exposes as keys in its
+ * `useFonts({...})` map.
+ */
+export const BrandFont = {
+  // Poppins
+  poppinsRegular: 'Poppins_400Regular',
+  poppinsMedium: 'Poppins_500Medium',
+  poppinsSemiBold: 'Poppins_600SemiBold',
+  poppinsBold: 'Poppins_700Bold',
+  // Montserrat
+  montserratRegular: 'Montserrat_400Regular',
+  montserratMedium: 'Montserrat_500Medium',
+  montserratSemiBold: 'Montserrat_600SemiBold',
+  montserratBold: 'Montserrat_700Bold',
+} as const;