feat: comprehensive light theme support across entire site

- CSS foundation: theme-aware scrollbars, section glows, glass cards with
  gold shadows, stronger animated borders and glow effects for light mode
- Hero: consistent dark-video treatment for both themes, brighter gold
  gradient text, glowing CTA button
- Gradient text: auto-switch to warm gold tones on light backgrounds via
  html:not(.dark) selector
- Team profile: inverted ambient photo bg with white overlay for light,
  dark text/borders, gold-dark labels for contrast
- All sections: text-neutral-500→600 upgrades for WCAG AA contrast,
  gold shadow accents on cards (About, Pricing, FAQ, DayCard, News)
- Admin: replaced hardcoded #c9a96e with theme tokens, fixed select
  options, array editor borders, booking badges contrast
- Header: white text on transparent hero, dark text after scroll
- UI components: BackToTop, FloatingHearts, ShowcaseLayout tabs,
  SignupModal, NewsModal, GroupCard adapted for light backgrounds
- Updated CLAUDE.md to reflect dual theme support

src/app/styles/animations.css

@@ -136,12 +136,12 @@
 .gradient-text {
   background: linear-gradient(
     135deg,
-    #8a6f3e 0%,
-    #c9a96e 20%,
-    #8a6f3e 40%,
-    #c9a96e 60%,
-    #6b5530 80%,
-    #8a6f3e 100%
+    #c9a96e 0%,
+    #e2c97e 20%,
+    #d4b87a 40%,
+    #e2c97e 60%,
+    #c9a96e 80%,
+    #d4b87a 100%
   );
   background-size: 200% 200%;
   -webkit-background-clip: text;
@@ -150,7 +150,12 @@
   animation: gradient-shift 6s ease-in-out infinite;
 }
 
-/* Light mode gradient text */
+/* Auto-switch gradient text for light mode */
+html:not(.dark) .gradient-text {
+  background-image: linear-gradient(135deg, #a08050 0%, #c9a96e 25%, #8a6f3e 50%, #c9a96e 75%, #a08050 100%);
+}
+
+/* Explicit light mode gradient text class (legacy) */
 .gradient-text-light {
   background: linear-gradient(135deg, #171717 0%, #c9a96e 50%, #171717 100%);
   background-size: 200% 200%;
@@ -172,7 +177,7 @@
   inset: 0;
   border-radius: inherit;
   padding: 1px;
-  background: linear-gradient(135deg, rgba(201, 169, 110, 0.3), transparent 40%, transparent 60%, rgba(201, 169, 110, 0.15));
+  background: linear-gradient(135deg, rgba(201, 169, 110, 0.5), transparent 40%, transparent 60%, rgba(201, 169, 110, 0.3));
   mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
   mask-composite: exclude;
   pointer-events: none;
@@ -180,8 +185,16 @@
   opacity: 0.5;
 }
 
+:is(.dark) .animated-border::before {
+  background: linear-gradient(135deg, rgba(201, 169, 110, 0.3), transparent 40%, transparent 60%, rgba(201, 169, 110, 0.15));
+}
+
 .animated-border:hover::before {
   opacity: 1;
+  background: linear-gradient(135deg, rgba(201, 169, 110, 0.7), transparent 40%, transparent 60%, rgba(201, 169, 110, 0.5));
+}
+
+:is(.dark) .animated-border:hover::before {
   background: linear-gradient(135deg, rgba(201, 169, 110, 0.6), transparent 40%, transparent 60%, rgba(201, 169, 110, 0.4));
 }
 
@@ -192,10 +205,14 @@
 }
 
 .glow-hover:hover {
-  box-shadow: 0 0 30px rgba(201, 169, 110, 0.1), 0 0 60px rgba(201, 169, 110, 0.05);
+  box-shadow: 0 0 20px rgba(201, 169, 110, 0.25), 0 0 50px rgba(201, 169, 110, 0.12), 0 4px 16px rgba(0, 0, 0, 0.06);
   transform: translateY(-4px);
 }
 
+:is(.dark) .glow-hover:hover {
+  box-shadow: 0 0 30px rgba(201, 169, 110, 0.1), 0 0 60px rgba(201, 169, 110, 0.05);
+}
+
 /* ===== Scroll Reveal ===== */
 
 .reveal {
@@ -345,6 +362,10 @@
 
 .section-divider {
   height: 1px;
+  background: linear-gradient(90deg, transparent, rgba(201, 169, 110, 0.4), transparent);
+}
+
+:is(.dark) .section-divider {
   background: linear-gradient(90deg, transparent, rgba(201, 169, 110, 0.15), transparent);
 }