Add Component Notification Card with signal variants

styles/40-components-cards.css

@@ -93,6 +93,16 @@
   background: var(--surface-card-header-muted);
 }
 
+.sg-card-segment--signal-red {
+  background: var(--color-signal-red);
+  color: var(--text-card-header);
+}
+
+.sg-card-segment--signal-green {
+  background: var(--color-signal-green);
+  color: var(--text-card-header);
+}
+
 .sg-card-segment--gray {
   background: var(--surface-card-segment-neutral);
 }
@@ -184,4 +194,3 @@
   margin: 0;
   color: var(--text-card-transparent);
 }
-