React Native Styling Problem Statement React Native styling differs fundamentally from web CSS. NativeWind bridges the gap but has its own rules. This codebase uses a hybrid approach: BrandColors for semantic colors, NativeWind for layout utilities. --- Pattern: BrandColors vs NativeWind Classes Rule: Use BrandColors for semantic colors, NativeWind for layout/spacing. When to use which: | Use Case | Approach | |----------|----------| | Brand colors (primary, secondary) | | | Background colors | | | Text colors | , | | Layout (flex, padding, margin) | NativeWind classes | | Borders, radius | N…