Material 3

lib/colors.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 
+// Legacy colors - kept for backward compatibility
 const Color fires50 = Color(0xFFFBE9E7);
 const Color fires100 = Color(0xFFFFCCBC);
 const Color fires300 = Color(0xFFFF8A65);
@@ -8,4 +9,60 @@ const Color fires900 = Color(0xFFBF360C);
 const Color firesErrorRed = Color(0xFFDD2C00);
 
 const Color firesSurfaceWhite = fires50;
-const Color firesBackgroundWhite = Colors.white;
+const Color firesBackgroundWhite = Colors.white;
+
+// ============================================================================
+// Material 3 Color Palette - Modern Warm Theme (Production)
+// ============================================================================
+
+// Primary Color - Deep Orange (fire theme)
+const Color m3Primary = Color(0xFFE65100); // Deep Orange 900
+const Color m3OnPrimary = Color(0xFFFFFFFF); // White
+const Color m3PrimaryContainer = Color(0xFFFFCC80); // Orange 200
+const Color m3OnPrimaryContainer = Color(0xFF5D2700); // Deep Brown
+
+// Secondary Color - Brown (earth tones)
+const Color m3Secondary = Color(0xFF6D4C41); // Brown 600
+const Color m3OnSecondary = Color(0xFFFFFFFF); // White
+const Color m3SecondaryContainer = Color(0xFFD7CCC8); // Brown 50
+const Color m3OnSecondaryContainer = Color(0xFF3E2723); // Deep Brown
+
+// Tertiary Color - Teal (complementary accent)
+const Color m3Tertiary = Color(0xFF00695C); // Teal 800
+const Color m3OnTertiary = Color(0xFFFFFFFF); // White
+const Color m3TertiaryContainer = Color(0xFFB2DFDB); // Teal 100
+const Color m3OnTertiaryContainer = Color(0xFF004D40); // Deep Teal
+
+// Error Colors
+const Color m3Error = Color(0xFFDD2C00); // Red 800
+const Color m3OnError = Color(0xFFFFFFFF); // White
+const Color m3ErrorContainer = Color(0xFFFFCDD2); // Red 100
+const Color m3OnErrorContainer = Color(0xFF5F2120); // Deep Red
+
+// Surface & Background
+const Color m3Surface = Color(0xFFFFFBFE); // Almost white
+const Color m3OnSurface = Color(0xFF201A18); // Almost black
+const Color m3SurfaceVariant = Color(0xFFF5DED6); // Light brown
+const Color m3OnSurfaceVariant = Color(0xFF52443D); // Medium brown
+
+const Color m3Background = Color(0xFFFFFBFE); // Almost white
+const Color m3OnBackground = Color(0xFF201A18); // Almost black
+
+// Outline & Borders
+const Color m3Outline = Color(0xFF85736B); // Gray-brown
+const Color m3OutlineVariant = Color(0xFFD7C2B9); // Light gray-brown
+const Color m3Shadow = Color(0xFF000000); // Black
+const Color m3Scrim = Color(0xFF000000); // Black
+
+// ============================================================================
+// Material 3 Development Theme Colors (Dev Theme)
+// ============================================================================
+
+// Dev Primary - Pink (easy to identify dev builds)
+const Color m3DevPrimary = Color(0xFFC2185B); // Pink 700
+const Color m3DevOnPrimary = Color(0xFFFFFFFF); // White
+const Color m3DevPrimaryContainer = Color(0xFFF8BBD0); // Pink 100
+const Color m3DevOnPrimaryContainer = Color(0xFF7B0043); // Deep Pink
+
+// Dev theme uses same secondary, tertiary, and neutral colors as production
+// Only primary is different for visual distinction