feat(08-02): migrate wizard components to semantic MD3 token classes

- AzureAuthToggle: border-gray-300 -> border-outline, bg-blue-600/text-white -> bg-primary/text-on-primary, bg-white/text-gray-700/hover:bg-gray-50 -> bg-surface-container/text-on-surface-container/hover:bg-surface
- SftpAuthToggle: same tab/info-tooltip mapping as AzureAuthToggle + text-gray-700 -> text-on-surface-container
- DeploymentStep: Back button border-gray-300/hover:bg-gray-50 -> border-outline/hover:bg-surface; Next bg-blue-600 -> bg-primary/text-on-primary
- OutputBlock: text-gray-700 -> text-on-surface-container, border-gray-300 -> border-outline (x2), bg-gray-900/text-gray-100 -> bg-surface-variant/text-on-surface-variant
- RemoteConfigStep: Back/Next buttons same as DeploymentStep pattern
- ReviewStep: text-green-700/bg-green-50 -> text-success/bg-success/10, bg-yellow-50/border-yellow-300 -> bg-warning/10/border-warning, text-yellow-800/900 -> text-warning, Back/Download buttons semantic tokens
- FieldRenderer (fix): text branch label text-gray-700 -> text-on-surface-container, text branch tooltip bg-blue-50/border-blue-200 -> bg-primary/10/border-primary/30

src/components/wizard/ReviewStep.tsx

@@ -72,16 +72,16 @@ export function ReviewStep() {
   return (
     <div>
       {/* SECU-02: client-side only notice */}
-      <p className="text-sm text-green-700 bg-green-50 rounded p-3 mb-6">
+      <p className="text-sm text-success bg-success/10 rounded p-3 mb-6">
         No data is sent to any server. All file generation happens in your browser.
       </p>
 
       {/* SECU-01: security acknowledgement gate */}
-      <div className="bg-yellow-50 border border-yellow-300 rounded p-4 mb-6">
-        <p className="text-sm text-yellow-800 font-medium mb-2">
+      <div className="bg-warning/10 border border-warning rounded p-4 mb-6">
+        <p className="text-sm text-warning font-medium mb-2">
           Security warning: generated files contain credentials in plain text.
         </p>
-        <label className="flex items-center gap-2 text-sm text-yellow-900 cursor-pointer">
+        <label className="flex items-center gap-2 text-sm text-warning cursor-pointer">
           <input
             type="checkbox"
             checked={acknowledged}
@@ -128,7 +128,7 @@ export function ReviewStep() {
         <button
           type="button"
           onClick={() => dispatch({ type: 'SET_STEP', payload: 2 })}
-          className="px-4 py-2 text-sm border border-gray-300 rounded-md hover:bg-gray-50"
+          className="px-4 py-2 text-sm border border-outline rounded-md hover:bg-surface"
         >
           Back
         </button>
@@ -139,7 +139,7 @@ export function ReviewStep() {
         type="button"
         disabled={!acknowledged}
         onClick={handleDownloadZip}
-        className="w-full py-2 px-4 bg-blue-600 text-white rounded font-medium disabled:opacity-40 disabled:cursor-not-allowed hover:bg-blue-700"
+        className="w-full py-2 px-4 bg-primary text-on-primary rounded font-medium disabled:opacity-40 disabled:cursor-not-allowed hover:bg-primary"
       >
         Download All (ZIP)
       </button>