diff --git a/apps/web/src/app/globals.css b/apps/web/src/app/globals.css
index b36645d..43f1810 100644
--- a/apps/web/src/app/globals.css
+++ b/apps/web/src/app/globals.css
@@ -440,8 +440,9 @@
   background-color: rgb(var(--surface-elevated)) !important;
 }
 
-/* ── Card surface: gray-900, slate-900, slate-950 ───────────────────────── */
+/* ── Card surface: gray-900, gray-950, slate-900, slate-950 ──────────────── */
 .dark .bg-gray-900,         .dark .dark\:bg-gray-900,
+.dark .bg-gray-950,         .dark .dark\:bg-gray-950,
 .dark .bg-slate-900,        .dark .dark\:bg-slate-900,
 .dark .bg-slate-950,        .dark .dark\:bg-slate-950 {
   background-color: rgb(var(--surface-card)) !important;
@@ -489,6 +490,12 @@
 .dark .bg-slate-900\/50,   .dark .dark\:bg-slate-900\/50,
 .dark .bg-slate-900\/40,   .dark .dark\:bg-slate-900\/40,
 .dark .bg-slate-900\/30,   .dark .dark\:bg-slate-900\/30,
+.dark .bg-gray-950\/96,    .dark .dark\:bg-gray-950\/96,
+.dark .bg-gray-950\/95,    .dark .dark\:bg-gray-950\/95,
+.dark .bg-gray-950\/60,    .dark .dark\:bg-gray-950\/60,
+.dark .bg-gray-950\/50,    .dark .dark\:bg-gray-950\/50,
+.dark .bg-gray-950\/45,    .dark .dark\:bg-gray-950\/45,
+.dark .bg-gray-950\/40,    .dark .dark\:bg-gray-950\/40,
 .dark .bg-slate-950\/95,   .dark .dark\:bg-slate-950\/95,
 .dark .bg-slate-950\/70,   .dark .dark\:bg-slate-950\/70,
 .dark .bg-slate-950\/60,   .dark .dark\:bg-slate-950\/60,