refactor: remove foreground variant from button, make it default

apps/web/src/app/projects/page.tsx

@@ -514,7 +514,6 @@ function NewProjectButton() {
 
 	return (
 		<Button
-			variant="foreground"
 			size="lg"
 			className="flex px-5 md:px-6"
 			onClick={handleCreateProject}

apps/web/src/components/editor/mobile-gate.tsx

@@ -58,7 +58,7 @@ export function MobileGate({ children }: MobileGateProps) {
 					</p>
 				</div>
 				<div className="flex items-center gap-3">
-					<Button variant="foreground" onClick={handleContinue}>
+					<Button onClick={handleContinue}>
 						Take a look anyway
 					</Button>
 					<Button variant="ghost" asChild>

apps/web/src/components/gitHub-contribute-section.tsx

@@ -23,7 +23,7 @@ export function GitHubContributeSection({
 					target="_blank"
 					rel="noopener noreferrer"
 				>
-					<Button variant="foreground" className="w-full" size="lg">
+					<Button className="w-full" size="lg">
 						<HugeiconsIcon icon={GithubIcon} />
 						Start contributing
 					</Button>

apps/web/src/components/header.tsx

@@ -124,7 +124,7 @@ export function Header() {
 							</Button>
 						</Link>
 						<Link href="/projects">
-							<Button variant="foreground" className="text-sm">
+							<Button className="text-sm">
 								Projects
 								<ArrowRight className="size-4" />
 							</Button>

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

@@ -29,12 +29,7 @@ export function Hero() {
 
 				<div className="mt-8 flex justify-center gap-8">
 					<Link href="/projects">
-						<Button
+						<Button type="submit" size="lg" className="h-11 text-base">
-							variant="foreground"
-							type="submit"
-							size="lg"
-							className="h-11 text-base"
-						>
 							Try early beta
 							<ArrowRight className="ml-0.5" />
 						</Button>

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

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