docs: update theme to blue+grey, add threat model and benchmarks sections

Author: dev-dami

_sidebar.md

@@ -9,6 +9,12 @@
   * [Architecture](docs/architecture.md)
   * [Preflight Checks](docs/preflight.md)
 
+* **Security**
+  * [Threat Model](docs/threat-model.md)
+
+* **Performance**
+  * [Benchmarks](benchmarks/results.md)
+
 * **Links**
   * [GitHub](https://github.com/dev-dami/ignite)
   * [Releases](https://github.com/dev-dami/ignite/releases)

benchmarks/results.md

@@ -0,0 +1,34 @@
+# Ignite Benchmark Results
+
+Benchmarks measure Ignite's performance characteristics.
+
+## Running Benchmarks
+
+```bash
+bun run scripts/benchmark.ts
+```
+
+## Latest Results
+
+*Run `bun run scripts/benchmark.ts` to generate results.*
+
+Results will be saved to:
+- `benchmarks/results.md` - Markdown report
+- `benchmarks/results.json` - Raw data
+
+## What We Measure
+
+| Benchmark | Description |
+|-----------|-------------|
+| Cold Start | Time with no Docker cache (worst case) |
+| Warm Start | Time with Docker image cached (typical case) |
+| Docker Overhead | Additional time vs native Bun execution |
+| Audit Mode Overhead | Additional time for security flags |
+
+## Expected Performance
+
+| Metric | Target |
+|--------|--------|
+| Warm start | < 500ms |
+| Docker overhead | < 200ms |
+| Audit mode overhead | < 50ms |

index.html

@@ -19,16 +19,25 @@
   <!-- Docsify Theme -->
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify@4/lib/themes/vue.css">
 
-  <!-- Custom Styles - Blue Theme + JetBrains Mono -->
   <style>
     :root {
       --theme-color: #2563eb;
       --theme-color-light: #3b82f6;
       --theme-color-dark: #1d4ed8;
+      --grey-50: #f9fafb;
+      --grey-100: #f3f4f6;
+      --grey-200: #e5e7eb;
+      --grey-300: #d1d5db;
+      --grey-400: #9ca3af;
+      --grey-500: #6b7280;
+      --grey-600: #4b5563;
+      --grey-700: #374151;
+      --grey-800: #1f2937;
+      --grey-900: #111827;
       --theme-bg: #ffffff;
-      --theme-bg-secondary: #f8fafc;
-      --theme-text: #1e293b;
-      --theme-text-light: #64748b;
+      --theme-bg-secondary: var(--grey-50);
+      --theme-text: var(--grey-900);
+      --theme-text-light: var(--grey-500);
       --code-font: 'JetBrains Mono', monospace;
       --content-font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
     }
@@ -45,8 +54,8 @@
 
     /* Sidebar */
     .sidebar {
-      background: var(--theme-bg-secondary);
-      border-right: 1px solid #e2e8f0;
+      background: var(--grey-100);
+      border-right: 1px solid var(--grey-200);
     }
 
     .sidebar-nav {
@@ -99,7 +108,7 @@
     .markdown-section h2 {
       font-size: 1.75rem;
       margin-top: 2.5rem;
-      color: var(--theme-color-dark);
+      color: var(--grey-800);
     }
 
     .markdown-section a {
@@ -121,7 +130,7 @@
     }
 
     .markdown-section code {
-      background: #f1f5f9;
+      background: var(--grey-100);
       color: var(--theme-color-dark);
       padding: 0.125rem 0.375rem;
       border-radius: 4px;
@@ -130,27 +139,26 @@
     }
 
     .markdown-section pre {
-      background: #0f172a !important;
+      background: var(--grey-900) !important;
       border-radius: 8px;
       padding: 1.25rem !important;
       box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
     }
 
     .markdown-section pre code {
       background: transparent;
-      color: #e2e8f0;
+      color: var(--grey-200);
       padding: 0;
       font-size: 0.875rem;
       line-height: 1.7;
     }
 
-    /* Token colors for syntax highlighting */
-    .token.comment { color: #64748b; }
+    .token.comment { color: var(--grey-500); }
     .token.keyword { color: #f472b6; }
     .token.string { color: #34d399; }
     .token.function { color: #60a5fa; }
     .token.number { color: #fbbf24; }
-    .token.operator { color: #94a3b8; }
+    .token.operator { color: var(--grey-400); }
     .token.class-name { color: #c084fc; }
 
     /* Tables */
@@ -161,7 +169,7 @@
     }
 
     .markdown-section th {
-      background: var(--theme-color);
+      background: var(--grey-800);
       color: white;
       font-weight: 600;
       text-align: left;
@@ -170,11 +178,11 @@
 
     .markdown-section td {
       padding: 0.75rem 1rem;
-      border-bottom: 1px solid #e2e8f0;
+      border-bottom: 1px solid var(--grey-200);
     }
 
     .markdown-section tr:hover td {
-      background: var(--theme-bg-secondary);
+      background: var(--grey-50);
     }
 
     /* Blockquotes / Tips */
@@ -193,12 +201,12 @@
 
     /* Search */
     .search {
-      border-bottom: 1px solid #e2e8f0;
+      border-bottom: 1px solid var(--grey-200);
     }
 
     .search input {
       font-family: var(--content-font);
-      border: 2px solid #e2e8f0 !important;
+      border: 2px solid var(--grey-200) !important;
       border-radius: 8px !important;
       padding: 0.75rem 1rem !important;
       transition: border-color 0.2s ease;
@@ -211,7 +219,7 @@
 
     /* Cover Page */
     .cover {
-      background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #3b82f6 100%) !important;
+      background: linear-gradient(135deg, var(--grey-900) 0%, var(--grey-700) 30%, var(--theme-color-dark) 70%, var(--theme-color) 100%) !important;
     }
 
     .cover h1 {
@@ -240,12 +248,12 @@
     }
 
     ::-webkit-scrollbar-thumb {
-      background: #cbd5e1;
+      background: var(--grey-300);
       border-radius: 4px;
     }
 
     ::-webkit-scrollbar-thumb:hover {
-      background: var(--theme-color-light);
+      background: var(--grey-400);
     }
 
     /* Mobile */