From a2f112b33492542a4b4f522b429de194478e6fb9 Mon Sep 17 00:00:00 2001
From: Jason Woltje <jason@diversecanvas.com>
Date: Sat, 21 Feb 2026 23:29:20 -0600
Subject: [PATCH] fix(ui): use arbitrary opacity for AuthCard dark background

Tailwind's default opacity scale only includes multiples of 5.
The `/92` modifier in `dark:bg-[#1b2331]/92` was silently ignored,
causing the light-mode card background to render in dark mode.
Changed to `/[0.92]` which uses Tailwind's arbitrary value syntax.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 packages/ui/src/components/AuthSurface.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/src/components/AuthSurface.tsx b/packages/ui/src/components/AuthSurface.tsx
index 07a2ae8..6c016fb 100644
--- a/packages/ui/src/components/AuthSurface.tsx
+++ b/packages/ui/src/components/AuthSurface.tsx
@@ -58,7 +58,7 @@ export function AuthCard({ children, className, ...props }: AuthCardProps): Reac
   return (
     <div
       className={joinClassNames(
-        "relative w-full rounded-2xl border border-[#b8c4de] bg-[#dde4f2]/90 p-6 shadow-[0_30px_70px_rgba(15,20,29,0.24)] backdrop-blur-sm sm:p-10 dark:border-[#2f3b52] dark:bg-[#1b2331]/92 dark:shadow-[0_32px_80px_rgba(0,0,0,0.52)]",
+        "relative w-full rounded-2xl border border-[#b8c4de] bg-[#dde4f2]/90 p-6 shadow-[0_30px_70px_rgba(15,20,29,0.24)] backdrop-blur-sm sm:p-10 dark:border-[#2f3b52] dark:bg-[#1b2331]/[0.92] dark:shadow-[0_32px_80px_rgba(0,0,0,0.52)]",
         className
       )}
       {...props}