fix: brighten markdown text colors for readability on FA background

components/markdown-content.tsx

@@ -143,7 +143,7 @@ const components: Components = {
   p: ({ children }) => (
     <p
       style={{
-        color: "#cbd5e1",
+        color: "#f1f5f9",
         lineHeight: 1.75,
         margin: "0 0 1.25rem 0",
         fontSize: "1.05rem",
@@ -193,7 +193,7 @@ const components: Components = {
         >
           <GoldDot />
           <KeyBadge>{keyText}</KeyBadge>
-          <span style={{ color: "#94a3b8" }}>{rest}</span>
+          <span style={{ color: "#e2e8f0" }}>{rest}</span>
         </li>
       );
     }
@@ -205,7 +205,7 @@ const components: Components = {
           alignItems: "center",
           gap: 10,
           fontSize: "1rem",
-          color: "#e2e8f0",
+          color: "#f1f5f9",
         }}
       >
         <BlueDot />