fix: use consistent deep gold primary color for website light mode

Replace primaryAmber (#B45309) with primaryGold (#B8960F) across all
website sections and navbar to match the app's light mode primary color.

Author: maskedsyntax

website/lib/sections/download_section.dart

@@ -17,7 +17,7 @@ class DownloadSection extends StatelessWidget {
     final textColor = isDark ? WebTheme.darkText : WebTheme.lightText;
     final secondaryText =
         isDark ? WebTheme.darkTextSecondary : WebTheme.lightTextSecondary;
-    final accent = isDark ? WebTheme.primaryYellow : WebTheme.primaryAmber;
+    final accent = isDark ? WebTheme.primaryYellow : WebTheme.primaryGold;
     final border = isDark ? WebTheme.darkBorder : WebTheme.lightBorder;
 
     return Container(

website/lib/sections/features_section.dart

@@ -16,7 +16,7 @@ class FeaturesSection extends StatelessWidget {
     final textColor = isDark ? WebTheme.darkText : WebTheme.lightText;
     final secondaryText =
         isDark ? WebTheme.darkTextSecondary : WebTheme.lightTextSecondary;
-    final accent = isDark ? WebTheme.primaryYellow : WebTheme.primaryAmber;
+    final accent = isDark ? WebTheme.primaryYellow : WebTheme.primaryGold;
 
     final features = [
       _FeatureData(

website/lib/sections/footer_section.dart

@@ -15,7 +15,7 @@ class FooterSection extends StatelessWidget {
     final textColor = isDark ? WebTheme.darkText : WebTheme.lightText;
     final secondaryText =
         isDark ? WebTheme.darkTextSecondary : WebTheme.lightTextSecondary;
-    final accent = isDark ? WebTheme.primaryYellow : WebTheme.primaryAmber;
+    final accent = isDark ? WebTheme.primaryYellow : WebTheme.primaryGold;
     final border = isDark ? WebTheme.darkBorder : WebTheme.lightBorder;
     final surface = isDark ? WebTheme.darkSurface : WebTheme.lightSurface;
 

website/lib/sections/hero_section.dart

@@ -20,7 +20,7 @@ class HeroSection extends StatelessWidget {
     final textColor = isDark ? WebTheme.darkText : WebTheme.lightText;
     final secondaryText =
         isDark ? WebTheme.darkTextSecondary : WebTheme.lightTextSecondary;
-    final accent = isDark ? WebTheme.primaryYellow : WebTheme.primaryAmber;
+    final accent = isDark ? WebTheme.primaryYellow : WebTheme.primaryGold;
     final screenWidth = MediaQuery.of(context).size.width;
 
     return Container(
@@ -164,7 +164,7 @@ class _AppPreview extends StatelessWidget {
   Widget build(BuildContext context) {
     final bg = isDark ? WebTheme.darkSurface : WebTheme.lightSurface;
     final border = isDark ? WebTheme.darkBorder : WebTheme.lightBorder;
-    final accent = isDark ? WebTheme.primaryYellow : WebTheme.primaryAmber;
+    final accent = isDark ? WebTheme.primaryYellow : WebTheme.primaryGold;
     final text = isDark ? WebTheme.darkText : WebTheme.lightText;
     final textSec = isDark ? WebTheme.darkTextSecondary : WebTheme.lightTextSecondary;
     final surfaceAlt = isDark ? WebTheme.darkSurfaceAlt : WebTheme.lightSurfaceAlt;

website/lib/sections/preview_section.dart

@@ -25,7 +25,7 @@ class _PreviewSectionState extends State<PreviewSection> {
         ? WebTheme.darkTextSecondary
         : WebTheme.lightTextSecondary;
     final accent =
-        widget.isDark ? WebTheme.primaryYellow : WebTheme.primaryAmber;
+        widget.isDark ? WebTheme.primaryYellow : WebTheme.primaryGold;
 
     final tabs = ['Journal', 'OCD Tracker', 'Analytics'];
 
@@ -182,7 +182,7 @@ class _PreviewMockup extends StatelessWidget {
   Widget build(BuildContext context) {
     final bg = isDark ? WebTheme.darkSurface : WebTheme.lightSurface;
     final border = isDark ? WebTheme.darkBorder : WebTheme.lightBorder;
-    final accent = isDark ? WebTheme.primaryYellow : WebTheme.primaryAmber;
+    final accent = isDark ? WebTheme.primaryYellow : WebTheme.primaryGold;
     final text = isDark ? WebTheme.darkText : WebTheme.lightText;
     final textSec =
         isDark ? WebTheme.darkTextSecondary : WebTheme.lightTextSecondary;

website/lib/sections/privacy_section.dart

@@ -16,7 +16,7 @@ class PrivacySection extends StatelessWidget {
     final textColor = isDark ? WebTheme.darkText : WebTheme.lightText;
     final secondaryText =
         isDark ? WebTheme.darkTextSecondary : WebTheme.lightTextSecondary;
-    final accent = isDark ? WebTheme.primaryYellow : WebTheme.primaryAmber;
+    final accent = isDark ? WebTheme.primaryYellow : WebTheme.primaryGold;
     final surface = isDark ? WebTheme.darkSurface : WebTheme.lightSurface;
     final border = isDark ? WebTheme.darkBorder : WebTheme.lightBorder;
 

website/lib/theme/web_theme.dart

@@ -3,6 +3,7 @@ import 'package:google_fonts/google_fonts.dart';
 
 class WebTheme {
   static const Color primaryYellow = Color(0xFFFFD700);
+  static const Color primaryGold = Color(0xFFB8960F);
   static const Color primaryAmber = Color(0xFFB45309);
 
   // Dark palette
@@ -99,9 +100,9 @@ class WebTheme {
     useMaterial3: true,
     brightness: Brightness.light,
     colorScheme: const ColorScheme.light(
-      primary: primaryYellow,
+      primary: primaryGold,
       onPrimary: Colors.black,
-      secondary: primaryAmber,
+      secondary: primaryGold,
       surface: lightSurface,
       onSurface: lightText,
       outline: lightBorder,

website/lib/widgets/navbar.dart

@@ -41,7 +41,7 @@ class _NavbarState extends State<Navbar> {
     final isDark = widget.isDark;
     final bg = isDark ? WebTheme.darkBg : WebTheme.lightBg;
     final textColor = isDark ? WebTheme.darkText : WebTheme.lightText;
-    final accent = isDark ? WebTheme.primaryYellow : WebTheme.primaryAmber;
+    final accent = isDark ? WebTheme.primaryYellow : WebTheme.primaryGold;
 
     return Column(
       mainAxisSize: MainAxisSize.min,
@@ -183,7 +183,7 @@ class _NavbarState extends State<Navbar> {
                 const SizedBox(height: 12),
                 _GithubButton(
                     accent:
-                        isDark ? WebTheme.primaryYellow : WebTheme.primaryAmber),
+                        isDark ? WebTheme.primaryYellow : WebTheme.primaryGold),
               ],
             ),
           ),