fix(LOY-196): change svg color to be derived from css and variables instead

apps/scandic-web/components/MyPages/DigitalTeamMemberCard/Client.tsx

@@ -69,10 +69,10 @@ export default function DigitalTeamMemberCardClient({
                 height="42"
                 fill="none"
                 xmlns="http://www.w3.org/2000/svg"
+                className={styles.icon}
               >
                 <path
                   d="M3.5 35V12.288C3.5 8.933 3.5 7 4.268 7c.912 0 1.569 1.156 3.17 3.978l11.374 20.044C20.413 33.844 21.041 35 21.982 35c.768 0 .768-1.933.768-5.288V7M28 22.75h10.5M29.016 8.016c1.355-1.355 7.113-1.355 8.468 0 1.355 1.355 1.355 7.113 0 8.468-1.355 1.355-7.114 1.355-8.468 0-1.355-1.355-1.355-7.113 0-8.468Z"
-                  stroke="#DE9490"
                   strokeWidth="2.625"
                   strokeLinecap="round"
                   strokeLinejoin="round"

apps/scandic-web/components/MyPages/DigitalTeamMemberCard/digitalTeamMemberCard.module.css

@@ -90,6 +90,10 @@
   color: var(--Base-Text-Inverted);
 }
 
+.icon {
+  stroke: var(--Text-Brand-OnPrimary-3-Accent);
+}
+
 .top,
 .bottom {
   display: flex;