fix: restore authoring loop contrast

web/apps/console/src/presentation/SceneBody.test.tsx

@@ -135,10 +135,13 @@ describe("SceneBody", () => {
     );
 
     const loop = screen.getByLabelText("agent authoring loop");
+    expect(loop).toHaveAttribute("data-readable-surface", "dark");
     expect(loop).toHaveAttribute("data-active-stage", "diagnose");
     expect(screen.getByText("Discover capability")).toBeInTheDocument();
     expect(screen.getByText("Author draft")).toBeInTheDocument();
     expect(screen.getByText("Validate and diagnose").closest("[data-authoring-active]")).toHaveAttribute("data-authoring-active", "true");
+    expect(screen.getByText("Validate and diagnose").closest(".scene-body__authoring-node"))
+      .toHaveAttribute("data-readable-surface", "dark");
     expect(screen.getByText("Repair")).toBeInTheDocument();
     expect(screen.getByText("Compile or save")).toBeInTheDocument();
   });

web/apps/console/src/presentation/SceneBody.tsx

@@ -154,7 +154,12 @@ const AuthoringScene = ({ scene, beat }: { scene: SceneDefinition; beat: SceneBe
     <StageCaption eyebrow="Act II · implemented" title={scene.title}>
       <p>{beat.caption}</p>
     </StageCaption>
-    <div className="scene-body__authoring-loop" aria-label="agent authoring loop" data-active-stage={beat.id}>
+    <div
+      className="scene-body__authoring-loop"
+      aria-label="agent authoring loop"
+      data-active-stage={beat.id}
+      data-readable-surface="dark"
+    >
       <div className="scene-body__authoring-loop-rail" aria-hidden="true" />
       {authoringSteps.map((step, i) => {
         const isActive = beat.id === step.id;
@@ -165,6 +170,7 @@ const AuthoringScene = ({ scene, beat }: { scene: SceneDefinition; beat: SceneBe
             className="scene-body__authoring-node"
             data-authoring-active={isActive}
             data-authoring-past={isPast}
+            data-readable-surface="dark"
           >
             <span className="scene-body__authoring-number">{i + 1}</span>
             <strong>{step.label}</strong>

web/apps/console/src/presentation/presentation.css

@@ -739,9 +739,14 @@
   border-radius: 0.75rem;
   padding: 0.75rem;
   background: color-mix(in oklch, var(--stage-surface) 88%, transparent);
+  color: var(--text-primary);
   transition: opacity 180ms ease, transform 180ms ease, border-color 180ms ease, background 180ms ease;
 }
 
+.scene-body__authoring-node strong {
+  color: var(--text-primary);
+}
+
 .scene-body__authoring-node[data-authoring-active="true"] {
   transform: translateY(-0.35rem);
   border-color: var(--accent-cyan);
@@ -753,7 +758,7 @@
 }
 
 .scene-body__authoring-node small {
-  color: var(--text-muted);
+  color: color-mix(in oklch, var(--text-primary) 72%, var(--text-muted));
   font: 0.72rem/1.35 var(--font-interface);
 }