fix(design): a toggle is pressed, never a bare aria-pressed; static labels are flat Badges with a tone, edged label spans lint-refused (E28)

frontend/src/design-lab/batchB.tsx

@@ -52,7 +52,7 @@ type SchemeDef = { name: string; dark: Pal; light: Pal };
 
 const STATUS: Record<Mode, Record<"danger" | "dangerFg" | "warn" | "success", string>> = {
   dark: { danger: "#f87171", dangerFg: "#2a0a0a", warn: "#fbbf24", success: "#34d399" },
-  light: { danger: "#b91c1c", dangerFg: "#ffffff", warn: "#b45309", success: "#047857" },
+  light: { danger: "#b91c1c", dangerFg: "#ffffff", warn: "#a14a07", success: "#047857" },
 };
 
 const pal = (
@@ -137,8 +137,8 @@ function SchemeTile({ s, mode }: { s: SchemeDef; mode: Mode }) {
       </div>
       <div className="flex flex-wrap gap-1.5 text-2xs">
         <span className="chip px-2 py-0.5">Filter</span>
-        <span className="rounded-full border border-warn/40 px-2 py-0.5 text-warn">Retrying</span>
-        <span className="rounded-full border border-success/40 px-2 py-0.5 text-success">Done</span>
+        <span className="rounded-full bg-warn/6 px-2 py-0.5 text-warn">Retrying</span>
+        <span className="rounded-full bg-success/6 px-2 py-0.5 text-success">Done</span>
       </div>
       <span className="flex flex-col rounded bg-surface px-1.5 py-1 text-2xs">
         <Metric ok={worst.g >= 30}>{`closest status: ${worst.k} ${worst.g}°`}</Metric>