Shared palette for the wizard and installer page

Warm grey text on near-black, amber #c28947, dark brown solid buttons. The
wizard strip no longer labels LEDs before the LED count is known.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

installer/index.html

@@ -8,33 +8,32 @@
 <script type="module" src="https://unpkg.com/esp-web-tools@10.4.0/dist/web/install-button.js?module"></script>
 <style>
 :root{
-  --bg:#ffffff; --text:#1f1f1f; --muted:#5f5f5f; --line:#e2e2e2; --accent:#b35c00; --warn-bg:#fff5e8;
-  --button:#1f1f1f; --button-text:#ffffff;
-  color-scheme:light dark;
+  --bg:#07090a; --panel:#0e0e10; --text:#dfd8c9; --muted:#8d8980; --dim:#55534f;
+  --line:#171514; --line-2:#1f1d16; --accent:#c28947;
+  --button:#2e281b; --button-text:#dddad6;
+  color-scheme:dark;
 }
-@media (prefers-color-scheme:dark){
-  :root{--bg:#121212; --text:#e8e8e8; --muted:#a0a0a0; --line:#2e2e2e; --accent:#ffb35a; --warn-bg:#2a2016;
-    --button:#e8e8e8; --button-text:#121212}
-}
-body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
+@font-face{font-family:"IBM Plex Sans";font-weight:100 700;font-display:swap;src:url(fonts/plex-sans.woff2) format("woff2")}
+@font-face{font-family:"IBM Plex Mono";font-weight:400;font-display:swap;src:url(fonts/plex-mono-400.woff2) format("woff2")}
+body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 "IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
 main{max-width:640px;margin:0 auto;padding:48px 16px 64px}
-h1{font-size:28px;line-height:1.2;margin:0 0 12px}
+h1{font-size:28px;line-height:1.2;font-weight:600;margin:0 0 12px}
 h2{font-size:19px;margin:40px 0 10px}
 p{margin:0 0 12px}
 .muted{color:var(--muted)}
 ol{padding-left:22px;margin:0 0 20px}
 li{margin:0 0 6px}
 a{color:var(--accent)}
-code{font:14px ui-monospace,Menlo,monospace}
+code{font:14px "IBM Plex Mono",ui-monospace,Menlo,monospace;color:var(--text)}
 .install{margin:24px 0 0}
-.install button{border:0;border-radius:6px;background:var(--button);color:var(--button-text);font:600 16px/1 system-ui,sans-serif;padding:13px 20px;cursor:pointer}
+.install button{border:1px solid var(--line-2);border-radius:3px;background:var(--button);color:var(--button-text);font:500 15px/1 "IBM Plex Sans",system-ui,sans-serif;padding:14px 20px;cursor:pointer}
 esp-web-install-button[install-unsupported] button{display:none}
-.warn{background:var(--warn-bg);border-left:3px solid var(--accent);padding:10px 14px;margin:20px 0 0;font-size:15px}
+.warn{background:var(--panel);border-left:2px solid var(--accent);padding:10px 14px;margin:20px 0 0;font-size:15px;color:var(--text)}
 footer{border-top:1px solid var(--line);margin-top:48px;padding-top:16px;font-size:14px;color:var(--muted)}
 footer ul{list-style:none;padding:0;margin:0 0 12px}
 footer li{display:inline;margin-right:16px}
 /* ESP Web Tools dialogs */
-esp-web-install-button{--improv-primary-color:var(--accent);--mdc-theme-primary:var(--accent)}
+esp-web-install-button{--improv-primary-color:var(--accent);--improv-text-color:var(--text);--mdc-theme-primary:var(--accent);--mdc-theme-surface:var(--panel);--mdc-dialog-heading-ink-color:var(--text);--mdc-dialog-content-ink-color:var(--muted)}
 </style>
 </head>
 <body>
@@ -68,7 +67,7 @@ esp-web-install-button{--improv-primary-color:var(--accent);--mdc-theme-primary:
       <li><a href="https://github.com/RandomPedestrian07/follow-me-stairs">Source and documentation</a></li>
       <li><a href="https://github.com/RandomPedestrian07/follow-me-stairs/blob/main/docs/settings.md">Settings</a></li>
     </ul>
-    MIT license. Installer by <a href="https://esphome.github.io/esp-web-tools/">ESP Web Tools</a>.
+    MIT license. IBM Plex fonts: <a href="fonts/OFL.txt">SIL Open Font License 1.1</a>. Installer by <a href="https://esphome.github.io/esp-web-tools/">ESP Web Tools</a>.
   </footer>
 </main>
 </body>