# Sub-task 3: Enhance ActionButtons Component

## Scope

Refactor the `ActionButtons` component to use the new design system primitives and improve the action button UI.

### Key Deliverables:
1. Update `ActionButtons` to use `ActionButton` primitive for all buttons
2. Apply proper variant usage (primary, secondary, danger, ghost)
3. Add consistent spacing and layout using design system tokens
4. Ensure proper hover/active states with 100ms ease transitions

## Acceptance Criteria

1. All buttons use `ActionButton` primitive
2. Correct variant applied based on action type:
   - Primary CTA: Gather, Study, Climb (variant="primary")
   - Secondary: Cancel, Back (variant="secondary")
   - Danger: Reset actions (variant="danger")
3. Progress indicators use `Progress` primitive
4. No raw hex values - all colors use CSS variables
5. Proper spacing using 4px base unit system

## Dependencies

- **ST1 (Sub-task 1)** - Must be completed first (design system must exist)

## Status

🟡 **PENDING** - Waiting for ST1 completion

## Notes

- Component location: `src/components/game/ActionButtons.tsx`
- Currently shows current action with progress
- Should work in both normal mode and Spire Mode
- Hide buttons when in Spire Mode (already implemented, verify)