wa-card styling fixes

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);

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) {

docs/docs/experimental/themer.md

@@ -1742,7 +1742,7 @@ hasOutline: false
 
   /* strata product cards */
 
-  .products wa-card::part(base) {
+  .products wa-card {
     height: 100%;
   }
 

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),

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 {

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 {