fix: keep signal card text light

styles/01-foundations.css

@@ -38,6 +38,7 @@
   --surface-card-header-muted: var(--color-darkbrown);
   --divider-card-segment: var(--color-white);
   --text-card-header: var(--color-font-light);
+  --text-card-signal: var(--color-font-light);
   --text-card-body: var(--color-font-dark);
   --text-card-transparent: var(--color-font-light);
   --layout-card-body-content-justify: flex-start;

styles/40-components-cards.css

@@ -136,27 +136,27 @@
 
 .sg-card-segment--signal-red {
   background: var(--color-signal-red);
-  color: var(--text-card-header);
+  color: var(--text-card-signal);
 }
 
 .sg-card-segment--signal-green {
   background: var(--color-signal-green);
-  color: var(--text-card-header);
+  color: var(--text-card-signal);
 }
 
 .sg-card-segment--signal-green-light {
   background: var(--color-signal-green-light);
-  color: var(--text-card-header);
+  color: var(--text-card-signal);
 }
 
 .sg-card-segment--signal-green-red {
   background: var(--color-signal-green-red);
-  color: var(--text-card-header);
+  color: var(--text-card-signal);
 }
 
 .sg-card-segment--signal-yellow {
   background: var(--color-signal-yellow);
-  color: var(--text-card-header);
+  color: var(--text-card-signal);
 }
 
 .sg-card-segment--gray {