feat: add IOTA-inspired steering portal

src/css/custom.css

@@ -1,33 +1,78 @@
-@import url('https://cdn.jsdelivr.net/npm/geist@1.3.0/dist/fonts/geist-sans/style.css');
-@import url('https://cdn.jsdelivr.net/npm/geist@1.3.0/dist/fonts/geist-mono/style.css');
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap');
 
 :root {
-  --ifm-font-family-base: 'Geist', system-ui, sans-serif;
-  --ifm-font-family-monospace: 'Geist Mono', monospace;
-  --ifm-color-primary: #2563eb;
-  --ifm-color-primary-dark: #1d4ed8;
-  --ifm-color-primary-darker: #1e40af;
-  --ifm-color-primary-darkest: #1e3a8a;
-  --ifm-color-primary-light: #3b82f6;
-  --ifm-color-primary-lighter: #60a5fa;
-  --ifm-color-primary-lightest: #93c5fd;
+  --ifm-font-family-base: 'Inter', system-ui, sans-serif;
+  --ifm-font-family-monospace: 'JetBrains Mono', monospace;
+  --ifm-color-primary: #0f766e;
+  --ifm-color-primary-dark: #115e59;
+  --ifm-color-primary-darker: #134e4a;
+  --ifm-color-primary-darkest: #042f2e;
+  --ifm-color-primary-light: #14b8a6;
+  --ifm-color-primary-lighter: #2dd4bf;
+  --ifm-color-primary-lightest: #5eead4;
   --ifm-global-radius: 0;
   --ifm-code-border-radius: 0;
-  --ifm-button-border-radius: 0;
+  --ifm-pre-border-radius: 0;
   --ifm-alert-border-radius: 0;
+  --ifm-button-border-radius: 0;
+  --ifm-badge-border-radius: 0;
+  --ifm-card-border-radius: 0;
+  --ifm-pagination-nav-border-radius: 0;
 }
 
 [data-theme='dark'] {
-  --ifm-background-color: #09090b;
-  --ifm-background-surface-color: #111113;
-  --ifm-color-primary: #60a5fa;
-  --ifm-color-content: #ededed;
-  --ifm-color-content-secondary: #a1a1aa;
+  --ifm-background-color: #08101b;
+  --ifm-background-surface-color: #101722;
+  --ifm-color-primary: #5eead4;
+  --ifm-color-primary-dark: #2dd4bf;
+  --ifm-color-primary-darker: #14b8a6;
+  --ifm-color-primary-darkest: #0f766e;
+  --ifm-color-primary-light: #99f6e4;
+  --ifm-color-primary-lighter: #ccfbf1;
+  --ifm-color-primary-lightest: #f0fdfa;
+  --ifm-color-content: #f5f7fa;
+  --ifm-color-content-secondary: #a5b0c2;
+  --ifm-toc-border-color: #283345;
 }
 
-.navbar {background: #09090b !important; border-bottom: 1px solid #27272a; box-shadow: none;}
-.navbar__title {letter-spacing: .08em; font-weight: 700;}
-.footer {border-top: 1px solid #27272a;}
-.button, code, pre, .card, .alert, .pagination-nav__link, .menu, input, select, textarea {border-radius: 0 !important;}
-table {display: table; width: 100%;}
-th {text-transform: uppercase; letter-spacing: .06em; font-size: .75rem;}
+html, body { background: #08101b; }
+
+/* Corp v1 has an explicit no-rounding rule. This intentionally overrides
+   Infima and third-party component radii across all rendered shapes. */
+*, *::before, *::after { border-radius: 0 !important; }
+
+.navbar {
+  height: 68px;
+  background: rgba(8, 16, 27, .97) !important;
+  border-bottom: 1px solid #283345 !important;
+  box-shadow: none !important;
+}
+.navbar__brand { margin-right: 2.5rem; }
+.navbar__title { color: #f5f7fa !important; font-size: .87rem; letter-spacing: .09em; font-weight: 700; }
+.navbar__link { color: #a5b0c2 !important; font-size: .86rem; font-weight: 500; }
+.navbar__link:hover, .navbar__link--active { color: #5eead4 !important; }
+.navbar-sidebar { background: #08101b !important; }
+
+.footer { background: #050b12 !important; border-top: 1px solid #283345; }
+.footer__title { color: #f5f7fa; letter-spacing: .04em; }
+.footer__link-item { color: #a5b0c2; }
+.footer__link-item:hover { color: #5eead4; }
+
+.theme-doc-markdown h1,
+.theme-doc-markdown h2,
+.theme-doc-markdown h3 { letter-spacing: -.025em; }
+.theme-doc-sidebar-container { border-right-color: #283345 !important; }
+.menu__link { font-size: .9rem; }
+.menu__link--active { background: rgba(94, 234, 212, .08) !important; }
+.table-of-contents__link--active { color: #5eead4; }
+
+.button, code, pre, .card, .alert, .pagination-nav__link, .menu,
+input, select, textarea, details, summary, table, .dropdown__menu,
+.navbar__search-input, .theme-code-block { border-radius: 0 !important; }
+
+table { display: table; width: 100%; }
+th { text-transform: uppercase; letter-spacing: .06em; font-size: .75rem; }
+
+@media (max-width: 996px) {
+  .navbar { height: 60px; }
+}