frontend/src/pages/LandingPage.tsx

@@ -194,7 +194,7 @@ export default function LandingPage() {
               <div className="landing-preview-body">
                 <div className="landing-preview-sidebar">
                   <div className="landing-preview-sidebar-item active">
-                    <div className="dot" style={{ background: 'var(--cyan-400)' }} />
+                    <div className="dot" style={{ background: '#22d3ee' }} />
                     Flow Editor
                   </div>
                   <div className="landing-preview-sidebar-item">
@@ -311,7 +311,7 @@ export default function LandingPage() {
                         <span className="text">Is the user on VPN?</span>
                       </div>
                       <div className="landing-mock-chat-line">
-                        <span className="label" style={{ color: 'var(--text-secondary)' }}>Engineer:</span>
+                        <span className="label" style={{ color: '#848b9b' }}>Engineer:</span>
                         <span className="text">Yes, Cisco AnyConnect</span>
                       </div>
                       <div className="landing-mock-chat-line">