diff --git a/AGENTS.md b/AGENTS.md
index 112d8bd..0d8d9f9 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -13,7 +13,7 @@ extended with pinned-particle typography and DOM-anchored force effectors.
 |---|---|
 | `src/` | Application code. `src/party/` holds the engine wiring, demo presets, and the custom multi-effector force module. |
 | `vendor/party/` | Vendored fork of the `@cazala/party` engine core; imports keep the upstream package name via aliases. Every divergence from upstream is listed in `vendor/party/README.md`. Kept in upstream code style (exempt from repo ESLint and the trailing-whitespace check, still typechecked). |
-| `public/` | Static files served verbatim; currently the Pages `CNAME` and the favicon. |
+| `public/` | Static files served verbatim; the Pages `CNAME` and the favicon set (`favicon.svg` is the source, the `.ico`/PNGs are rendered from it). |
 | `.agents/` | Canonical shared skills, MCP definitions, and adapter scripts. |
 | `.claude/`, `.cursor/`, `.codex/`, `.gemini/`, `.github/`, `.mcp.json` | Agent adapters. Generated files must not be edited directly. |
 | `.devcontainer/` | Container definition for Codespaces and local devcontainers. |
diff --git a/index.html b/index.html
index 2827763..77fd36d 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" href="/favicon.ico" sizes="32x32" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/png" href="/favicon-96x96-dark.png" sizes="96x96" media="(prefers-color-scheme: dark)" />
+    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" media="(prefers-color-scheme: light)" />
     <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
     <meta name="description" content="Bennett Vernon — I like to build things." />
     <title>Bennett Vernon</title>
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
index f791740..f15701e 100644
Binary files a/public/apple-touch-icon.png and b/public/apple-touch-icon.png differ
diff --git a/public/favicon-96x96-dark.png b/public/favicon-96x96-dark.png
new file mode 100644
index 0000000..4a8369b
Binary files /dev/null and b/public/favicon-96x96-dark.png differ
diff --git a/public/favicon-96x96.png b/public/favicon-96x96.png
index 565185b..35819f0 100644
Binary files a/public/favicon-96x96.png and b/public/favicon-96x96.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
index deab4af..ec937e3 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/favicon.svg b/public/favicon.svg
index f652fd7..60e5984 100644
--- a/public/favicon.svg
+++ b/public/favicon.svg
@@ -1,6 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
-  <rect width="100" height="100" fill="#000"/>
-  <g transform="translate(10.0000 20.3667) scale(1.955990) translate(-13.0 -18.1)">
-    <path d="M 44.095 46.88 C 44.095 56.357 59.921 18.17 51.355 18.17 C 42.789 18.17 13.075 56.357 13.075 46.88 C 13.075 37.403 20.019 29.72 28.585 29.72 C 37.151 29.72 44.095 37.403 44.095 46.88 Z" fill="#fff"/>
-  </g>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="11.442 11.237 44.088 44.088">
+  <style>
+    path { fill: #000 }
+    @media (prefers-color-scheme: dark) { path { fill: #fff } }
+  </style>
+  <path d="M 44.095 46.88 C 44.095 56.357 59.921 18.17 51.355 18.17 C 42.789 18.17 13.075 56.357 13.075 46.88 C 13.075 37.403 20.019 29.72 28.585 29.72 C 37.151 29.72 44.095 37.403 44.095 46.88 Z"/>
 </svg>