fix: primary/foreground button

apps/web/src/components/editor-header.tsx

@@ -37,7 +37,7 @@ export function EditorHeader() {
 
   const rightContent = (
     <nav className="flex items-center gap-2">
-      <Button size="sm" onClick={handleExport}>
+      <Button size="sm" variant="primary" onClick={handleExport}>
         <Download className="h-4 w-4" />
         <span className="text-sm">Export</span>
       </Button>

apps/web/src/components/landing/hero.tsx

@@ -133,7 +133,7 @@ export function Hero({ signupCount }: HeroProps) {
             <Button
               type="submit"
               size="lg"
-              className="px-6 h-11 text-base"
+              className="px-6 h-11 text-base !bg-foreground"
               disabled={isSubmitting}
             >
               <span className="relative z-10">

apps/web/src/components/ui/button.tsx

@@ -10,6 +10,8 @@ const buttonVariants = cva(
     variants: {
       variant: {
         default:
+          "bg-foreground text-background shadow hover:bg-foreground/90",
+        primary:
           "bg-primary text-primary-foreground shadow hover:bg-primary/90",
         destructive:
           "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",