fix: card backgrounds in dark mode (#655)

- Change card recipe background from colorPalette.contrast to bg token
- Remove cardPadding props from frontpage Card components

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-authored-by: Claude <[email protected]>

Author: misama-ct

.changeset/pink-poems-change.md

@@ -0,0 +1,5 @@
+---
+"@commercetools/nimbus": patch
+---
+
+fix an issue with card backgrounds in dark-mode

apps/docs/src/components/document-renderer/components/frontpage/frontpage.tsx

@@ -39,7 +39,7 @@ const links = [
 export const Frontpage = () => {
   return (
     <Stack gap="400">
-      <Card.Root borderStyle="outlined" cardPadding="md" elevation="elevated">
+      <Card.Root borderStyle="outlined">
         <Flex direction="column" width="100%" align="center" py="800">
           <Heading size="7xl" m="auto" letterSpacing={"-.025em"}>
             Nimbus
@@ -62,7 +62,7 @@ export const Frontpage = () => {
             href={link.href?.substring(1)}
             textDecoration="none"
           >
-            <Card.Root borderStyle="outlined" cardPadding="lg" width="full">
+            <Card.Root borderStyle="outlined" width="full">
               <Card.Content>
                 <Stack direction="row" gap="400" alignItems="center">
                   <Box>

packages/nimbus/src/components/card/card.recipe.ts

@@ -58,7 +58,7 @@ export const cardRecipe = defineSlotRecipe({
     backgroundStyle: {
       default: {
         root: {
-          backgroundColor: "colorPalette.contrast",
+          backgroundColor: "bg",
         },
       },
       muted: {