Refine root UI around shadcn primitives

components/ui/app-card.tsx

@@ -5,14 +5,14 @@ import { Card } from "@/components/ui/card";
 import { cn } from "@/lib/utils";
 
 const appCardVariants = cva(
-  "rounded-surface border transition-all duration-200",
+  "rounded-lg transition-colors",
   {
     variants: {
       level: {
-        1: "border-border bg-surface-1 text-foreground shadow-card",
-        2: "border-border bg-surface-2 text-foreground shadow-sm",
-        3: "border-border/90 bg-surface-3 text-foreground shadow-panel",
-        inverse: "border-transparent bg-surface-inverse text-surface-inverse-foreground shadow-lg",
+        1: "border bg-card text-card-foreground shadow-sm",
+        2: "border bg-card text-card-foreground shadow-sm",
+        3: "border bg-card text-card-foreground shadow-md",
+        inverse: "border-transparent bg-foreground text-background shadow-sm",
       },
       padding: {
         none: "",
@@ -21,7 +21,7 @@ const appCardVariants = cva(
         lg: "p-8",
       },
       interactive: {
-        true: "hover:-translate-y-0.5 hover:border-border-strong hover:shadow-md",
+        true: "hover:bg-accent/30 hover:text-accent-foreground",
         false: "",
       },
     },