From d1a30c726e18bd64a4864ed6c353daab3155c9d6 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:09 +0200
Subject: [PATCH] Set white notification header text to dark

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

diff --git a/components/cards.html b/components/cards.html
index 7fac184..e897fda 100644
--- a/components/cards.html
+++ b/components/cards.html
@@ -98,7 +98,7 @@
       </article>
 
       <article class="sg-card" data-component="notification-card">
-        <div class="sg-card-segment sg-card-segment--header sg-card-segment--white" data-component-part="card-header">
+        <div class="sg-card-segment sg-card-segment--header sg-card-segment--white sg-card-segment--text-dark" 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 80ad182..6fd8958 100644
--- a/styles/40-components-cards.css
+++ b/styles/40-components-cards.css
@@ -111,6 +111,10 @@
   background: var(--surface-object-card-lower-segment);
 }
 
+.sg-card-segment--text-dark {
+  color: var(--text-card-body);
+}
+
 .sg-card--content-card {
   --surface-card-header-primary: var(--surface-content-block-card-title);
   --surface-card-body: var(--surface-content-block-card-content);