redone 12.2 and update the header and footer colors to #2D3624

docs/stories/story-12.2-core-css-theme-update.md

@@ -157,17 +157,17 @@ Use WebAIM Contrast Checker to verify:
 
 ## Dev Checklist
 
-- [ ] Update `@theme` block with new color values
-- [ ] Add color variants (hover, light)
-- [ ] Update `.btn-primary` styles to use CTA colors
-- [ ] Update `.btn-secondary` styles
-- [ ] Update form focus states
-- [ ] Update link colors
-- [ ] Update `.prose-brand` class
-- [ ] Update skip-link focus styles
-- [ ] Verify status colors unchanged
-- [ ] Run contrast checker on all combinations
-- [ ] Run `npm run build` successfully
+- [x] Update `@theme` block with new color values
+- [x] Add color variants (hover, light)
+- [x] Update `.btn-primary` styles to use CTA colors
+- [x] Update `.btn-secondary` styles
+- [x] Update form focus states
+- [x] Update link colors
+- [x] Update `.prose-brand` class
+- [x] Update skip-link focus styles
+- [x] Verify status colors unchanged
+- [x] Run contrast checker on all combinations
+- [x] Run `npm run build` successfully
 - [ ] Visual test in browser
 
 ## Estimation
@@ -184,20 +184,33 @@ Use WebAIM Contrast Checker to verify:
 ## Dev Agent Record
 
 ### Agent Model Used
-(To be filled during implementation)
+Claude Opus 4.5 (claude-opus-4-5-20251101)
 
 ### Status
-Not Started - Ready for Implementation
+Ready for Review
 
 ### File List
 | File | Action |
 |------|--------|
-| `resources/css/app.css` | To be modified |
+| `resources/css/app.css` | Modified |
 
 ### Change Log
 | Date | Change |
 |------|--------|
 | 2026-01-04 | Story updated with new Dark Charcoal & Warm Gold palette |
+| 2026-01-04 | Implemented all color palette changes per AC1-AC8 |
+| 2026-01-04 | Updated primary color to #2D3624 (Dark Forest Green) per user request |
 
 ### Completion Notes
-(To be filled during implementation)
+- Updated @theme block with Dark Charcoal & Warm Gold palette (AC1)
+- Added all color variants: cta, cta-hover, cta-light, active, active-hover (AC2)
+- Updated .btn-primary to use Warm Gold (#A68966) with white text, hover to #8A7555 (AC3)
+- Updated .btn-secondary to use Dark Charcoal border with Forest Green text (AC3)
+- Updated all form focus states to use Warm Gold (focus:border-cta, focus:ring-cta) (AC4)
+- Updated link colors in .prose-brand to use Warm Gold default, Darker Gold hover (AC5)
+- Verified status colors unchanged: success=#27AE60, danger=#E74C3C, warning=#F39C12 (AC6)
+- Updated .prose-brand class: headings/body use Forest Green, links use Warm Gold (AC8)
+- npm run build completed successfully (AC9)
+- Maintained backward compatibility aliases for legacy class names
+- Updated logo-badge shadow to match new primary color
+- All Flux UI form components updated with new focus states