From 2e301c9ffaaa325ebcc81b3c6f71983ca9fee1ff Mon Sep 17 00:00:00 2001
From: Jason Staack <jason@staack.com>
Date: Sat, 21 Mar 2026 12:37:14 -0500
Subject: [PATCH] feat(ui): update Card and Badge with Warm Precision styling
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Card: rounded-lg → rounded-sm, border-border → border-border-default
Badge: rounded-md → rounded-sm, border-border → border-border-default

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/components/ui/badge.tsx | 4 ++--
 frontend/src/components/ui/card.tsx  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/ui/badge.tsx b/frontend/src/components/ui/badge.tsx
index dc0aced..9b3966c 100644
--- a/frontend/src/components/ui/badge.tsx
+++ b/frontend/src/components/ui/badge.tsx
@@ -10,8 +10,8 @@ function Badge({ className, color, children, ...props }: BadgeProps) {
   return (
     <span
       className={cn(
-        'inline-flex items-center rounded-md px-1.5 py-0.5 text-xs font-medium border',
-        !color && 'border-border bg-elevated text-text-secondary',
+        'inline-flex items-center rounded-sm px-1.5 py-0.5 text-xs font-medium border',
+        !color && 'border-border-default bg-elevated text-text-secondary',
         className,
       )}
       style={style}
diff --git a/frontend/src/components/ui/card.tsx b/frontend/src/components/ui/card.tsx
index f6c3a7b..eb74a8e 100644
--- a/frontend/src/components/ui/card.tsx
+++ b/frontend/src/components/ui/card.tsx
@@ -6,7 +6,7 @@ const Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElemen
     <div
       ref={ref}
       className={cn(
-        'rounded-lg border border-border bg-panel text-text-primary',
+        'rounded-sm border border-border-default bg-panel text-text-primary',
         className,
       )}
       {...props}