From 9262a018baa07a8328b3378239cc1b23b0e86372 Mon Sep 17 00:00:00 2001
From: Naji <54370141+naaajii@users.noreply.github.com>
Date: Fri, 11 Oct 2024 15:42:02 +0500
Subject: [PATCH] fix(material/card): elevated card container color (#29835)

update elevated card container color from `surface` to  `surface-container-low` matching the M3 specification

fixes #29163
---
 .../core/tokens/m3/definitions/_md-comp-elevated-card.scss      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/material/core/tokens/m3/definitions/_md-comp-elevated-card.scss b/src/material/core/tokens/m3/definitions/_md-comp-elevated-card.scss
index 75ab6a6b56ac..c6503d25cea4 100644
--- a/src/material/core/tokens/m3/definitions/_md-comp-elevated-card.scss
+++ b/src/material/core/tokens/m3/definitions/_md-comp-elevated-card.scss
@@ -22,7 +22,7 @@ $_default: (
 
 @function values($deps: $_default, $exclude-hardcoded-values: false) {
   @return (
-    'container-color': map.get($deps, 'md-sys-color', 'surface'),
+    'container-color': map.get($deps, 'md-sys-color', 'surface-container-low'),
     'container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
     'container-shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
     'container-shape': map.get($deps, 'md-sys-shape', 'corner-medium'),