From 90eb245d05286ff7e2b627ced8e280a9efdec0c9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Thu, 28 May 2026 10:29:57 +0200
Subject: [PATCH] Refine white notification card text via card variant token
 cascade

---
 components/cards.html          | 4 ++--
 styles/40-components-cards.css | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/cards.html b/components/cards.html
index e897fda..2ffaff8 100644
--- a/components/cards.html
+++ b/components/cards.html
@@ -97,8 +97,8 @@
         </div>
       </article>
 
-      <article class="sg-card" data-component="notification-card">
-        <div class="sg-card-segment sg-card-segment--header sg-card-segment--white sg-card-segment--text-dark" data-component-part="card-header">
+      <article class="sg-card sg-card--notification-white" data-component="notification-card">
+        <div class="sg-card-segment sg-card-segment--header sg-card-segment--white" data-component-part="card-header">
           <p class="sg-body">
             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vitae velit posuere, posuere mauris eu, tincidunt lorem. Proin gravida sapien in mattis molestie. Sed non risus augue. Fusce sed odio vitae purus porta efficitur. Integer tempor congue sem, a convallis lorem ornare eget. Nam. Aenean.
           </p>
diff --git a/styles/40-components-cards.css b/styles/40-components-cards.css
index 6fd8958..421b2d8 100644
--- a/styles/40-components-cards.css
+++ b/styles/40-components-cards.css
@@ -111,8 +111,8 @@
   background: var(--surface-object-card-lower-segment);
 }
 
-.sg-card-segment--text-dark {
-  color: var(--text-card-body);
+.sg-card.sg-card--notification-white {
+  --text-card-header: var(--text-card-body);
 }
 
 .sg-card--content-card {