From b7a85684a9061a3c77ec8b3f626fb43364826dde Mon Sep 17 00:00:00 2001
From: Aarnav Tale <git@tale.me>
Date: Sat, 14 Mar 2026 13:22:23 -0400
Subject: [PATCH] fix: tweak card styling to have better contrast

---
 app/components/Card.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/app/components/Card.tsx b/app/components/Card.tsx
index 0d2e32f..60a8178 100644
--- a/app/components/Card.tsx
+++ b/app/components/Card.tsx
@@ -14,10 +14,9 @@ function Card({ variant = "raised", ...props }: Props) {
       {...props}
       className={cn(
         "w-full max-w-md rounded-lg p-5",
-        variant === "flat"
-          ? "bg-transparent shadow-none"
-          : "bg-mist-50/50 dark:bg-mist-950/50 shadow-surface",
-        "border border-mist-100 dark:border-mist-800",
+        "bg-mist-50/50 dark:bg-mist-950/50",
+        variant === "flat" ? "shadow-none" : "shadow",
+        "border border-mist-200 dark:border-mist-800",
         props.className,
       )}
     >