fix: enable theme sections and local search

src/css/custom.css

@@ -1,6 +1,7 @@
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap');
 
-:root {
+:root,
+[data-theme='light'] {
   --ifm-font-family-base: 'Inter', system-ui, sans-serif;
   --ifm-font-family-monospace: 'JetBrains Mono', monospace;
   --ifm-color-primary: #0f766e;
@@ -10,6 +11,21 @@
   --ifm-color-primary-light: #14b8a6;
   --ifm-color-primary-lighter: #2dd4bf;
   --ifm-color-primary-lightest: #5eead4;
+  --ifm-background-color: #f7f9fb;
+  --ifm-background-surface-color: #ffffff;
+  --ifm-color-content: #111827;
+  --ifm-color-content-secondary: #526174;
+  --ifm-toc-border-color: #cdd5df;
+  --portal-navbar-bg: rgba(255, 255, 255, .97);
+  --portal-navbar-ink: #111827;
+  --portal-navbar-muted: #526174;
+  --portal-border: #cdd5df;
+  --portal-sidebar-bg: #ffffff;
+  --portal-footer-bg: #edf1f5;
+  --portal-footer-ink: #111827;
+  --portal-footer-muted: #526174;
+  --portal-active-bg: rgba(15, 118, 110, .09);
+  --portal-accent: #0f766e;
   --ifm-global-radius: 0;
   --ifm-code-border-radius: 0;
   --ifm-pre-border-radius: 0;
@@ -33,38 +49,48 @@
   --ifm-color-content: #f5f7fa;
   --ifm-color-content-secondary: #a5b0c2;
   --ifm-toc-border-color: #283345;
+  --portal-navbar-bg: rgba(8, 16, 27, .97);
+  --portal-navbar-ink: #f5f7fa;
+  --portal-navbar-muted: #a5b0c2;
+  --portal-border: #283345;
+  --portal-sidebar-bg: #08101b;
+  --portal-footer-bg: #050b12;
+  --portal-footer-ink: #f5f7fa;
+  --portal-footer-muted: #a5b0c2;
+  --portal-active-bg: rgba(94, 234, 212, .08);
+  --portal-accent: #5eead4;
 }
 
-html, body { background: #08101b; }
+html,
+body { background: var(--ifm-background-color); }
 
-/* Corp v1 has an explicit no-rounding rule. This intentionally overrides
-   Infima and third-party component radii across all rendered shapes. */
+/* Corp v1 has an explicit no-rounding rule. */
 *, *::before, *::after { border-radius: 0 !important; }
 
 .navbar {
   height: 68px;
-  background: rgba(8, 16, 27, .97) !important;
-  border-bottom: 1px solid #283345 !important;
+  background: var(--portal-navbar-bg) !important;
+  border-bottom: 1px solid var(--portal-border) !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; }
+.navbar__title { color: var(--portal-navbar-ink) !important; font-size: .87rem; letter-spacing: .09em; font-weight: 700; }
+.navbar__link { color: var(--portal-navbar-muted) !important; font-size: .86rem; font-weight: 500; }
+.navbar__link:hover, .navbar__link--active { color: var(--portal-accent) !important; }
+.navbar-sidebar { background: var(--portal-sidebar-bg) !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; }
+.footer { background: var(--portal-footer-bg) !important; border-top: 1px solid var(--portal-border); color: var(--portal-footer-muted); }
+.footer__title { color: var(--portal-footer-ink); letter-spacing: .04em; }
+.footer__link-item, .footer__copyright { color: var(--portal-footer-muted); }
+.footer__link-item:hover { color: var(--portal-accent); }
 
 .theme-doc-markdown h1,
 .theme-doc-markdown h2,
 .theme-doc-markdown h3 { letter-spacing: -.025em; }
-.theme-doc-sidebar-container { border-right-color: #283345 !important; }
+.theme-doc-sidebar-container { border-right-color: var(--portal-border) !important; }
 .menu__link { font-size: .9rem; }
-.menu__link--active { background: rgba(94, 234, 212, .08) !important; }
-.table-of-contents__link--active { color: #5eead4; }
+.menu__link--active { background: var(--portal-active-bg) !important; }
+.table-of-contents__link--active { color: var(--portal-accent); }
 
 .button, code, pre, .card, .alert, .pagination-nav__link, .menu,
 input, select, textarea, details, summary, table, .dropdown__menu,

src/pages/index.module.css

@@ -4,11 +4,42 @@
   --portal-line: #283345;
   --portal-panel: #101722;
   --portal-panel-strong: #151e2c;
+  --portal-canvas: #08101b;
+  --portal-hero-start: #08101b;
+  --portal-hero-middle: #0b1522;
+  --portal-hero-end: #0c1a26;
+  --portal-grid-glow: rgba(19, 185, 170, .13);
+  --portal-rail-bg: rgba(8, 16, 27, .88);
+  --portal-rail-muted: #748196;
+  --portal-secondary-border: #4a5669;
+  --portal-cta-bg: #0d1724;
   --portal-accent: #5eead4;
-  background: #08101b;
+  --portal-button-ink: #06110f;
+  --portal-button-hover: #99f6e4;
+  background: var(--portal-canvas);
   color: var(--portal-ink);
 }
 
+:global([data-theme='light']) .page {
+  --portal-ink: #111827;
+  --portal-muted: #526174;
+  --portal-line: #cdd5df;
+  --portal-panel: #ffffff;
+  --portal-panel-strong: #edf5f4;
+  --portal-canvas: #f7f9fb;
+  --portal-hero-start: #f7f9fb;
+  --portal-hero-middle: #edf4f4;
+  --portal-hero-end: #e4efef;
+  --portal-grid-glow: rgba(15, 118, 110, .15);
+  --portal-rail-bg: rgba(255, 255, 255, .90);
+  --portal-rail-muted: #637083;
+  --portal-secondary-border: #8793a3;
+  --portal-cta-bg: #e9f1f1;
+  --portal-accent: #0f766e;
+  --portal-button-ink: #ffffff;
+  --portal-button-hover: #115e59;
+}
+
 .hero {
   min-height: 700px;
   position: relative;
@@ -17,8 +48,8 @@
   align-items: center;
   border-bottom: 1px solid var(--portal-line);
   background:
-    radial-gradient(circle at 78% 22%, rgba(19, 185, 170, .13), transparent 28%),
-    linear-gradient(125deg, #08101b 0%, #0b1522 62%, #0c1a26 100%);
+    radial-gradient(circle at 78% 22%, var(--portal-grid-glow), transparent 28%),
+    linear-gradient(125deg, var(--portal-hero-start) 0%, var(--portal-hero-middle) 62%, var(--portal-hero-end) 100%);
 }
 
 .gridTexture {
@@ -90,17 +121,17 @@
 }
 
 .primaryAction {
-  color: #06110f !important;
+  color: var(--portal-button-ink) !important;
   background: var(--portal-accent);
   border-color: var(--portal-accent);
 }
 
-.primaryAction:hover { background: #99f6e4; border-color: #99f6e4; }
+.primaryAction:hover { background: var(--portal-button-hover); border-color: var(--portal-button-hover); }
 
 .secondaryAction {
   color: var(--portal-ink) !important;
   background: transparent;
-  border-color: #4a5669;
+  border-color: var(--portal-secondary-border);
 }
 
 .secondaryAction:hover { border-color: var(--portal-accent); color: var(--portal-accent) !important; }
@@ -116,14 +147,14 @@
   grid-template-columns: repeat(4, auto);
   border-top: 1px solid var(--portal-line);
   border-left: 1px solid var(--portal-line);
-  background: rgba(8, 16, 27, .88);
+  background: var(--portal-rail-bg);
 }
 
 .heroRail span {
   padding: 17px 25px;
   border-right: 1px solid var(--portal-line);
   font-family: var(--ifm-font-family-monospace);
-  color: #748196;
+  color: var(--portal-rail-muted);
   font-size: .67rem;
   letter-spacing: .12em;
 }
@@ -164,7 +195,7 @@
 .cardHeader { flex: 1; min-height: 310px; padding: 36px; }
 .cardHeader h2 { font-size: 2.1rem; letter-spacing: -.035em; margin: 0 0 18px; }
 .cardHeader p { color: var(--portal-muted); line-height: 1.65; margin: 0; }
-.eyebrow { margin-bottom: 46px; color: #718096; }
+.eyebrow { margin-bottom: 46px; color: var(--portal-rail-muted); }
 .cardLinks { border-top: 1px solid var(--portal-line); }
 
 .cardLink {
@@ -213,7 +244,7 @@
   gap: 40px;
   border: 1px solid var(--portal-line);
   border-bottom: 0;
-  background: #0d1724;
+  background: var(--portal-cta-bg);
 }
 .cta .kicker { margin-bottom: 16px; }