diff --git a/web/src/components/ui/button.tsx b/web/src/components/ui/button.tsx
index 825868f..c78af82 100644
--- a/web/src/components/ui/button.tsx
+++ b/web/src/components/ui/button.tsx
@@ -10,9 +10,9 @@ type Props = React.ButtonHTMLAttributes<HTMLButtonElement> & {
 export const Button = ({ className, variant = 'solid', size = 'md', asChild, ...props }: Props) => {
   const base = 'inline-flex items-center justify-center font-semibold transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed';
   const variants = {
-    solid: 'bg-gradient-to-r from-indigo-500 to-blue-600 text-white hover:from-indigo-600 hover:to-blue-700 shadow-md hover:shadow-lg focus:ring-indigo-500/50 active:scale-[0.98]',
-    outline: 'border-2 border-indigo-500 text-indigo-700 bg-white hover:bg-indigo-50 hover:border-indigo-600 focus:ring-indigo-500/50 active:scale-[0.98]',
-    ghost: 'text-indigo-700 hover:bg-indigo-50 focus:ring-indigo-500/50 active:scale-[0.98]',
+    solid: 'bg-gradient-to-r from-amber-500 to-amber-600 text-white hover:from-amber-600 hover:to-amber-700 shadow-md hover:shadow-lg focus:ring-amber-500/50 active:scale-[0.98]',
+    outline: 'border-2 border-amber-500 text-amber-700 bg-white hover:bg-amber-50 hover:border-amber-600 focus:ring-amber-500/50 active:scale-[0.98]',
+    ghost: 'text-amber-700 hover:bg-amber-50 focus:ring-amber-500/50 active:scale-[0.98]',
     danger: 'bg-gradient-to-r from-rose-500 to-rose-600 text-white hover:from-rose-600 hover:to-rose-700 shadow-md hover:shadow-lg focus:ring-rose-500/50 active:scale-[0.98]',
   };
   const sizes = {