diff --git a/docs/assets/styles/docs.css b/docs/assets/styles/docs.css
index 7f4bfc1c2..fbacdc16a 100644
--- a/docs/assets/styles/docs.css
+++ b/docs/assets/styles/docs.css
@@ -336,16 +336,18 @@ wa-page > main:has(> .index-grid) {
 
   a {
     border-radius: var(--wa-border-radius-l);
+    text-decoration: none;
   }
 
   wa-card {
-    --box-shadow: none;
+    box-shadow: none;
     --spacing: var(--wa-space-m);
     inline-size: 100%;
 
     &:hover {
       --border-color: var(--wa-color-brand-border-loud);
-      --box-shadow: 0 0 0 var(--wa-border-width-s) var(--border-color);
+      border-color: var(--border-color);
+      box-shadow: 0 0 0 var(--wa-border-width-s) var(--border-color);
 
       .page-name {
         color: var(--wa-color-brand-on-quiet);
diff --git a/docs/assets/styles/theme-headers.css b/docs/assets/styles/theme-headers.css
index 106f82167..5636326b4 100644
--- a/docs/assets/styles/theme-headers.css
+++ b/docs/assets/styles/theme-headers.css
@@ -434,7 +434,7 @@ html.wa-theme-playful .preview-container {
   }
 
   .support-table wa-card {
-    --background: var(--wa-color-surface-raised);
+    background: var(--wa-color-surface-raised);
   }
 
   .support-table th {
@@ -475,7 +475,7 @@ html.wa-theme-playful .preview-container {
     }
 
     & .message-composer wa-card {
-      --border-color: var(--wa-color-gray-30);
+      border-color: var(--wa-color-gray-30);
     }
 
     & .message-composer wa-card::part(header) {
@@ -644,7 +644,7 @@ html.wa-theme-premium .preview-container {
   }
 
   .message-composer wa-card {
-    --background: var(--wa-color-surface-raised);
+    background: var(--wa-color-surface-raised);
   }
 
   .message-composer wa-card::part(header) {
diff --git a/docs/docs/experimental/themer.md b/docs/docs/experimental/themer.md
index 80e426a4d..0d30b4181 100644
--- a/docs/docs/experimental/themer.md
+++ b/docs/docs/experimental/themer.md
@@ -1742,7 +1742,7 @@ hasOutline: false
 
   /* strata product cards */
 
-  .products wa-card::part(base) {
+  .products wa-card {
     height: 100%;
   }
 
diff --git a/src/styles/themes/active.css b/src/styles/themes/active.css
index fba4de6b6..f854c2817 100644
--- a/src/styles/themes/active.css
+++ b/src/styles/themes/active.css
@@ -204,7 +204,7 @@
 }
 
 wa-card {
-  --box-shadow: var(--wa-theme-active-shadow-pop-out);
+  box-shadow: var(--wa-theme-active-shadow-pop-out);
 }
 
 input:not([type='button'], [type='reset'], [type='submit'], :checked),
diff --git a/src/styles/themes/classic.css b/src/styles/themes/classic.css
index c83185317..2bb47c899 100644
--- a/src/styles/themes/classic.css
+++ b/src/styles/themes/classic.css
@@ -259,7 +259,7 @@ wa-callout {
 }
 
 wa-card {
-  --background-color: var(--wa-color-surface-raised);
+  background-color: var(--wa-color-surface-raised);
 }
 
 wa-carousel {
diff --git a/src/styles/themes/premium.css b/src/styles/themes/premium.css
index e7de6c080..ae681a324 100644
--- a/src/styles/themes/premium.css
+++ b/src/styles/themes/premium.css
@@ -214,7 +214,7 @@ wa-button[appearance='outlined'] {
 }
 
 wa-card {
-  --border-radius: var(--wa-border-radius-l);
+  border-radius: var(--wa-border-radius-l);
 }
 
 wa-alert {