Set white notification header text to dark

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>

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