Enhance Pad Tracking with new Flow and Supply logic

lib/widgets/tip_card.dart

@@ -128,10 +128,10 @@ class TipCard extends StatelessWidget {
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
             _buildDetailSection(
-                'Nutrition', details['nutrition']!, Icons.restaurant),
+                context, 'Nutrition', details['nutrition']!, Icons.restaurant),
             const SizedBox(height: 16),
-            _buildDetailSection(
-                'Movement', details['movement']!, Icons.fitness_center),
+            _buildDetailSection(context, 'Movement', details['movement']!,
+                Icons.fitness_center),
             const SizedBox(height: 16),
             Text(
               'Note: While these are general trends, your body is unique. Always listen to your own energy levels.',
@@ -154,7 +154,8 @@ class TipCard extends StatelessWidget {
     );
   }
 
-  Widget _buildDetailSection(String title, String content, IconData icon) {
+  Widget _buildDetailSection(
+      BuildContext context, String title, String content, IconData icon) {
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
@@ -176,7 +177,7 @@ class TipCard extends StatelessWidget {
           content,
           style: GoogleFonts.outfit(
             fontSize: 13,
-            color: AppColors.charcoal,
+            color: Theme.of(context).colorScheme.onSurface,
           ),
         ),
       ],