fix(a11y): correct luminosity contrast in mgt-file and mgt-login text colors (#3178)

* fix luminosity contrast

* update colors

Author: Mnickii

stories/components/file/file.style.stories.js

@@ -34,7 +34,7 @@ export const customCSSProperties = () => html`
       --file-margin: 3px 4px;
       --file-line1-font-size: 15px;
       --file-line1-font-weight: 500;
-      --file-line1-color: gray;
+      --file-line1-color: blue;
       --file-line1-text-transform: capitalize;
       --file-line2-font-size:14px;
       --file-line2-font-weight:300;

stories/components/login/login.styles.stories.js

@@ -18,27 +18,27 @@ export const customCSSProperties = () => html`
 <mgt-login class="login"></mgt-login>
 <style>
   .login {
-    --login-signed-out-button-background: red;
+    --login-signed-out-button-background: yellow;
     --login-signed-out-button-hover-background: orange;
-    --login-signed-out-button-text-color: purple;
-    --login-signed-in-background: red;
+    --login-signed-out-button-text-color: maroon;
+    --login-signed-in-background: yellow;
     --login-signed-in-hover-background: green;
     --login-button-padding:5px;
     --login-popup-background-color: blue;
     --login-popup-command-button-background-color: orange;
     --login-popup-padding: 8px;
-    --login-add-account-button-text-color: yellow;
-    --login-add-account-button-background-color: red;
-    --login-add-account-button-hover-background-color: purple;
+    --login-add-account-button-text-color: maroon;
+    --login-add-account-button-background-color: yellow;
+    --login-add-account-button-hover-background-color: white;
     --login-command-button-background-color: orange;
     --login-command-button-hover-background-color: purple;
     --login-command-button-text-color: black;
     --login-account-item-hover-bg-color: black;
     --login-flyout-command-text-color: maroon;
 
     /** person component tokens **/
-    --person-line1-text-color: whitesmoke;
-    --person-line2-text-color: white;
+    --person-line1-text-color: maroon;
+    --person-line2-text-color: maroon;
     --person-background-color: blue;
   }
 </style>