boltdocs 1.3.0 → 1.3.2

package/src/client/theme/styles/variables.css

@@ -1,162 +1,162 @@
-/* ═══════════════════════════════════════════════════════════
-   Boltdocs — Dark Theme
-   Font: Inter · Accent: #7f13ec
-   ═══════════════════════════════════════════════════════════ */
-
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");
-
-:root[data-theme="light"],
-:root.theme-light {
-  --ld-bg-main: #ffffff;
-  --ld-bg-soft: #f9fafb;
-  --ld-bg-mute: #f3f4f6;
-
-  --ld-surface: #ffffff;
-
-  --ld-border-subtle: #e5e7eb;
-  --ld-border-strong: #d1d5db;
-
-  --ld-text-main: #111827;
-  --ld-text-muted: #4b5563;
-  --ld-text-dim: #6b7280;
-
-  --ld-color-primary: #7f13ec;
-  --ld-color-primary-hover: #6d0fd0;
-  --ld-color-primary-muted: rgba(127, 19, 236, 0.1);
-  --ld-color-primary-glow: rgba(127, 19, 236, 0.25);
-  --ld-color-primary-text: #ffffff;
-
-  /* ─ Buttons ─ */
-  --ld-btn-primary-bg: #7f13ec;
-  --ld-btn-primary-text: #ffffff;
-  --ld-btn-secondary-bg: #ffffff;
-  --ld-btn-secondary-text: #111827;
-
-  /* ─ Gradients ─ */
-  --ld-gradient-from: var(--ld-color-primary);
-  --ld-gradient-to: #a855f7;
-
-  --ld-code-bg: #f3f4f6;
-  --ld-code-header: #e5e7eb;
-  --ld-code-text: #1f2937;
-
-  /* ─ Customization ─ */
-  --ld-navbar-bg: rgba(255, 255, 255, 0.82);
-  --ld-navbar-blur: 12px;
-  --ld-sidebar-bg: transparent;
-  --ld-sidebar-blur: 0px;
-  --ld-glow-1-bg: var(--ld-color-primary-glow);
-  --ld-glow-2-bg: rgba(59, 130, 246, 0.15);
-
-  /* ─ UI Components (overridable independently from layout) ─ */
-  --ld-ui-btn-primary-bg: var(--ld-btn-primary-bg);
-  --ld-ui-btn-primary-text: var(--ld-btn-primary-text);
-  --ld-ui-btn-secondary-bg: var(--ld-btn-secondary-bg);
-  --ld-ui-btn-secondary-text: var(--ld-btn-secondary-text);
-
-  --ld-ui-success-bg: rgba(34, 197, 94, 0.1);
-  --ld-ui-success-text: #16a34a;
-  --ld-ui-success-border: rgba(34, 197, 94, 0.25);
-  --ld-ui-warning-bg: rgba(245, 158, 11, 0.1);
-  --ld-ui-warning-text: #d97706;
-  --ld-ui-warning-border: rgba(245, 158, 11, 0.25);
-  --ld-ui-danger-bg: rgba(239, 68, 68, 0.1);
-  --ld-ui-danger-text: #dc2626;
-  --ld-ui-danger-border: rgba(239, 68, 68, 0.25);
-  --ld-ui-info-bg: rgba(59, 130, 246, 0.1);
-  --ld-ui-info-text: #2563eb;
-  --ld-ui-info-border: rgba(59, 130, 246, 0.25);
-  --ld-ui-note-bg: rgba(59, 130, 246, 0.06);
-  --ld-ui-note-text: #2563eb;
-  --ld-ui-note-border: rgba(59, 130, 246, 0.3);
-  --ld-ui-tip-bg: rgba(34, 197, 94, 0.06);
-  --ld-ui-tip-text: #16a34a;
-  --ld-ui-tip-border: rgba(34, 197, 94, 0.3);
-}
-
-:root {
-  /* ─ Base palette ─ */
-  --ld-bg-main: #0a0a0f;
-  --ld-bg-soft: rgba(10, 10, 15, 0.2);
-  --ld-bg-mute: #141420;
-  --ld-surface: #1a1a2e;
-  --ld-border-subtle: rgba(255, 255, 255, 0.06);
-  --ld-border-strong: rgba(255, 255, 255, 0.12);
-
-  /* ─ Text ─ */
-  --ld-text-main: #e4e4ed;
-  --ld-text-muted: #9d9db5;
-  --ld-text-dim: #6b6b85;
-
-  /* ─ Accent ─ */
-  --ld-color-primary: #ffffff;
-  --ld-color-primary-hover: #f3f3f3;
-  --ld-color-primary-muted: rgba(255, 255, 255, 0.1);
-  --ld-color-primary-glow: rgba(255, 255, 255, 0.25);
-  --ld-color-primary-text: #0a0a0f;
-  --ld-color-accent: #ffffff; /* White accent for TOC */
-
-  /* ─ Buttons ─ */
-  --ld-btn-primary-bg: #ffffff;
-  --ld-btn-primary-text: #0a0a0f;
-  --ld-btn-secondary-bg: #1a1a2e;
-  --ld-btn-secondary-text: #e4e4ed;
-
-  /* ─ Gradients ─ */
-  --ld-gradient-from: #ffffff;
-  --ld-gradient-to: rgba(255, 255, 255, 0.7);
-
-  /* ─ Code ─ */
-  --ld-code-bg: #0d0d14;
-  --ld-code-header: #111119;
-  --ld-code-text: #d4d4d4;
-
-  /* ─ Customization ─ */
-  --ld-navbar-bg: rgba(10, 10, 15, 0.2);
-  --ld-navbar-blur: 12px;
-  --ld-sidebar-bg: transparent;
-  --ld-sidebar-blur: 0px;
-  --ld-glow-1-bg: var(--ld-color-primary-glow);
-  --ld-glow-2-bg: rgba(59, 130, 246, 0.15);
-
-  /* ─ UI Components (dark) ─ */
-  --ld-ui-btn-primary-bg: var(--ld-btn-primary-bg);
-  --ld-ui-btn-primary-text: var(--ld-btn-primary-text);
-  --ld-ui-btn-secondary-bg: var(--ld-btn-secondary-bg);
-  --ld-ui-btn-secondary-text: var(--ld-btn-secondary-text);
-
-  --ld-ui-success-bg: rgba(34, 197, 94, 0.1);
-  --ld-ui-success-text: #22c55e;
-  --ld-ui-success-border: rgba(34, 197, 94, 0.25);
-  --ld-ui-warning-bg: rgba(245, 158, 11, 0.1);
-  --ld-ui-warning-text: #f59e0b;
-  --ld-ui-warning-border: rgba(245, 158, 11, 0.25);
-  --ld-ui-danger-bg: rgba(239, 68, 68, 0.1);
-  --ld-ui-danger-text: #ef4444;
-  --ld-ui-danger-border: rgba(239, 68, 68, 0.25);
-  --ld-ui-info-bg: rgba(59, 130, 246, 0.1);
-  --ld-ui-info-text: #3b82f6;
-  --ld-ui-info-border: rgba(59, 130, 246, 0.25);
-  --ld-ui-note-bg: rgba(59, 130, 246, 0.06);
-  --ld-ui-note-text: #3b82f6;
-  --ld-ui-note-border: rgba(59, 130, 246, 0.3);
-  --ld-ui-tip-bg: rgba(34, 197, 94, 0.06);
-  --ld-ui-tip-text: #22c55e;
-  --ld-ui-tip-border: rgba(34, 197, 94, 0.3);
-
-  /* ─ Typography ─ */
-  --ld-font-sans: "Inter", system-ui, -apple-system, sans-serif;
-  --ld-font-mono:
-    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
-    monospace;
-
-  /* ─ Dimensions ─ */
-  --ld-navbar-height: 3.5rem;
-  --ld-sidebar-width: 14.5rem;
-  --ld-toc-width: 13rem;
-  --ld-content-max-width: 820px;
-  --ld-radius-sm: 4px;
-  --ld-radius-md: 8px;
-  --ld-radius-lg: 12px;
-  --ld-radius-full: 9999px;
-}
+/* ═══════════════════════════════════════════════════════════
+   Boltdocs — Dark Theme
+   Font: Inter · Accent: #7f13ec
+   ═══════════════════════════════════════════════════════════ */
+
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");
+
+:root[data-theme="light"],
+:root.theme-light {
+  --ld-bg-main: #ffffff;
+  --ld-bg-soft: #f9fafb;
+  --ld-bg-mute: #f3f4f6;
+
+  --ld-surface: #ffffff;
+
+  --ld-border-subtle: #e5e7eb;
+  --ld-border-strong: #d1d5db;
+
+  --ld-text-main: #111827;
+  --ld-text-muted: #4b5563;
+  --ld-text-dim: #6b7280;
+
+  --ld-color-primary: #7f13ec;
+  --ld-color-primary-hover: #6d0fd0;
+  --ld-color-primary-muted: rgba(127, 19, 236, 0.1);
+  --ld-color-primary-glow: rgba(127, 19, 236, 0.25);
+  --ld-color-primary-text: #ffffff;
+
+  /* ─ Buttons ─ */
+  --ld-btn-primary-bg: #7f13ec;
+  --ld-btn-primary-text: #ffffff;
+  --ld-btn-secondary-bg: #ffffff;
+  --ld-btn-secondary-text: #111827;
+
+  /* ─ Gradients ─ */
+  --ld-gradient-from: var(--ld-color-primary);
+  --ld-gradient-to: #a855f7;
+
+  --ld-code-bg: #f3f4f6;
+  --ld-code-header: #e5e7eb;
+  --ld-code-text: #1f2937;
+
+  /* ─ Customization ─ */
+  --ld-navbar-bg: rgba(255, 255, 255, 0.82);
+  --ld-navbar-blur: 12px;
+  --ld-sidebar-bg: transparent;
+  --ld-sidebar-blur: 0px;
+  --ld-glow-1-bg: var(--ld-color-primary-glow);
+  --ld-glow-2-bg: rgba(59, 130, 246, 0.15);
+
+  /* ─ UI Components (overridable independently from layout) ─ */
+  --ld-ui-btn-primary-bg: var(--ld-btn-primary-bg);
+  --ld-ui-btn-primary-text: var(--ld-btn-primary-text);
+  --ld-ui-btn-secondary-bg: var(--ld-btn-secondary-bg);
+  --ld-ui-btn-secondary-text: var(--ld-btn-secondary-text);
+
+  --ld-ui-success-bg: rgba(34, 197, 94, 0.1);
+  --ld-ui-success-text: #16a34a;
+  --ld-ui-success-border: rgba(34, 197, 94, 0.25);
+  --ld-ui-warning-bg: rgba(245, 158, 11, 0.1);
+  --ld-ui-warning-text: #d97706;
+  --ld-ui-warning-border: rgba(245, 158, 11, 0.25);
+  --ld-ui-danger-bg: rgba(239, 68, 68, 0.1);
+  --ld-ui-danger-text: #dc2626;
+  --ld-ui-danger-border: rgba(239, 68, 68, 0.25);
+  --ld-ui-info-bg: rgba(59, 130, 246, 0.1);
+  --ld-ui-info-text: #2563eb;
+  --ld-ui-info-border: rgba(59, 130, 246, 0.25);
+  --ld-ui-note-bg: rgba(59, 130, 246, 0.06);
+  --ld-ui-note-text: #2563eb;
+  --ld-ui-note-border: rgba(59, 130, 246, 0.3);
+  --ld-ui-tip-bg: rgba(34, 197, 94, 0.06);
+  --ld-ui-tip-text: #16a34a;
+  --ld-ui-tip-border: rgba(34, 197, 94, 0.3);
+}
+
+:root {
+  /* ─ Base palette ─ */
+  --ld-bg-main: #0a0a0f;
+  --ld-bg-soft: rgba(10, 10, 15, 0.2);
+  --ld-bg-mute: #141420;
+  --ld-surface: #1a1a2e;
+  --ld-border-subtle: rgba(255, 255, 255, 0.06);
+  --ld-border-strong: rgba(255, 255, 255, 0.12);
+
+  /* ─ Text ─ */
+  --ld-text-main: #e4e4ed;
+  --ld-text-muted: #9d9db5;
+  --ld-text-dim: #6b6b85;
+
+  /* ─ Accent ─ */
+  --ld-color-primary: #ffffff;
+  --ld-color-primary-hover: #f3f3f3;
+  --ld-color-primary-muted: rgba(255, 255, 255, 0.1);
+  --ld-color-primary-glow: rgba(255, 255, 255, 0.25);
+  --ld-color-primary-text: #0a0a0f;
+  --ld-color-accent: #ffffff; /* White accent for TOC */
+
+  /* ─ Buttons ─ */
+  --ld-btn-primary-bg: #ffffff;
+  --ld-btn-primary-text: #0a0a0f;
+  --ld-btn-secondary-bg: #1a1a2e;
+  --ld-btn-secondary-text: #e4e4ed;
+
+  /* ─ Gradients ─ */
+  --ld-gradient-from: #ffffff;
+  --ld-gradient-to: rgba(255, 255, 255, 0.7);
+
+  /* ─ Code ─ */
+  --ld-code-bg: #0d0d14;
+  --ld-code-header: #111119;
+  --ld-code-text: #d4d4d4;
+
+  /* ─ Customization ─ */
+  --ld-navbar-bg: rgba(10, 10, 15, 0.2);
+  --ld-navbar-blur: 12px;
+  --ld-sidebar-bg: transparent;
+  --ld-sidebar-blur: 0px;
+  --ld-glow-1-bg: var(--ld-color-primary-glow);
+  --ld-glow-2-bg: rgba(59, 130, 246, 0.15);
+
+  /* ─ UI Components (dark) ─ */
+  --ld-ui-btn-primary-bg: var(--ld-btn-primary-bg);
+  --ld-ui-btn-primary-text: var(--ld-btn-primary-text);
+  --ld-ui-btn-secondary-bg: var(--ld-btn-secondary-bg);
+  --ld-ui-btn-secondary-text: var(--ld-btn-secondary-text);
+
+  --ld-ui-success-bg: rgba(34, 197, 94, 0.1);
+  --ld-ui-success-text: #22c55e;
+  --ld-ui-success-border: rgba(34, 197, 94, 0.25);
+  --ld-ui-warning-bg: rgba(245, 158, 11, 0.1);
+  --ld-ui-warning-text: #f59e0b;
+  --ld-ui-warning-border: rgba(245, 158, 11, 0.25);
+  --ld-ui-danger-bg: rgba(239, 68, 68, 0.1);
+  --ld-ui-danger-text: #ef4444;
+  --ld-ui-danger-border: rgba(239, 68, 68, 0.25);
+  --ld-ui-info-bg: rgba(59, 130, 246, 0.1);
+  --ld-ui-info-text: #3b82f6;
+  --ld-ui-info-border: rgba(59, 130, 246, 0.25);
+  --ld-ui-note-bg: rgba(59, 130, 246, 0.06);
+  --ld-ui-note-text: #3b82f6;
+  --ld-ui-note-border: rgba(59, 130, 246, 0.3);
+  --ld-ui-tip-bg: rgba(34, 197, 94, 0.06);
+  --ld-ui-tip-text: #22c55e;
+  --ld-ui-tip-border: rgba(34, 197, 94, 0.3);
+
+  /* ─ Typography ─ */
+  --ld-font-sans: "Inter", system-ui, -apple-system, sans-serif;
+  --ld-font-mono:
+    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+    monospace;
+
+  /* ─ Dimensions ─ */
+  --ld-navbar-height: 3.5rem;
+  --ld-sidebar-width: 14.5rem;
+  --ld-toc-width: 13rem;
+  --ld-content-max-width: 820px;
+  --ld-radius-sm: 4px;
+  --ld-radius-md: 8px;
+  --ld-radius-lg: 12px;
+  --ld-radius-full: 9999px;
+}

package/src/client/theme/styles.css

@@ -1,37 +1,37 @@
-/* ═══════════════════════════════════════════════════════════
-   Boltdocs — Dark Theme
-   Main Entry Point
-   ═══════════════════════════════════════════════════════════ */
-
-@import "./styles/variables.css";
-@import "./ui/Layout/base.css";
-
-/* Core Layout Components */
-@import "./ui/Navbar/navbar.css";
-@import "./ui/Sidebar/sidebar.css";
-@import "./ui/OnThisPage/toc.css";
-@import "./ui/Footer/footer.css";
-@import "./ui/LanguageSwitcher/language-switcher.css";
-@import "./ui/PoweredBy/powered-by.css";
-
-/* Markdown Content */
-@import "./styles/markdown.css";
-@import "./components/Video/video.css";
-
-/* UI Components (MDX) */
-@import "./components/mdx/mdx-components.css";
-@import "./components/PackageManagerTabs/pkg-tabs.css";
-
-/* Interactive Elements */
-@import "./ui/SearchDialog/search.css";
-@import "./ui/Layout/pagination.css";
-
-/* Pages */
-@import "./ui/NotFound/not-found.css";
-@import "./ui/Loading/loading.css";
-
-/* Playground */
-@import "./components/Playground/playground.css";
-
-/* Media Queries */
-@import "./ui/Layout/responsive.css";
+/* ═══════════════════════════════════════════════════════════
+   Boltdocs — Dark Theme
+   Main Entry Point
+   ═══════════════════════════════════════════════════════════ */
+
+@import "./styles/variables.css";
+@import "./ui/Layout/base.css";
+
+/* Core Layout Components */
+@import "./ui/Navbar/navbar.css";
+@import "./ui/Sidebar/sidebar.css";
+@import "./ui/OnThisPage/toc.css";
+@import "./ui/Footer/footer.css";
+@import "./ui/LanguageSwitcher/language-switcher.css";
+@import "./ui/PoweredBy/powered-by.css";
+
+/* Markdown Content */
+@import "./styles/markdown.css";
+@import "./components/Video/video.css";
+
+/* UI Components (MDX) */
+@import "./components/mdx/mdx-components.css";
+@import "./components/PackageManagerTabs/pkg-tabs.css";
+
+/* Interactive Elements */
+@import "./ui/SearchDialog/search.css";
+@import "./ui/Layout/pagination.css";
+
+/* Pages */
+@import "./ui/NotFound/not-found.css";
+@import "./ui/Loading/loading.css";
+
+/* Playground */
+@import "./components/Playground/playground.css";
+
+/* Media Queries */
+@import "./ui/Layout/responsive.css";

package/src/client/theme/ui/BackgroundGradient/BackgroundGradient.tsx

@@ -1,10 +1,10 @@
-import React from "react";
-
-export function BackgroundGradient() {
-  return (
-    <div className="boltdocs-background-glow">
-      <div className="glow-shape glow-1" />
-      <div className="glow-shape glow-2" />
-    </div>
-  );
-}
+import React from "react";
+
+export function BackgroundGradient() {
+  return (
+    <div className="boltdocs-background-glow">
+      <div className="glow-shape glow-1" />
+      <div className="glow-shape glow-2" />
+    </div>
+  );
+}

package/src/client/theme/ui/BackgroundGradient/index.ts

@@ -1 +1 @@
-export { BackgroundGradient } from "./BackgroundGradient";
+export { BackgroundGradient } from "./BackgroundGradient";

package/src/client/theme/ui/Breadcrumbs/Breadcrumbs.tsx

@@ -1,68 +1,68 @@
-import React from "react";
-import { useLocation } from "react-router-dom";
-import { Link } from "../Link";
-import { Home, ChevronRight } from "lucide-react";
-import { ComponentRoute } from "../../../types";
-import { BoltdocsConfig } from "../../../../node/config";
-
-export interface BreadcrumbsProps {
-  routes: ComponentRoute[];
-  config: BoltdocsConfig;
-}
-
-export function Breadcrumbs({ routes, config }: BreadcrumbsProps) {
-  const location = useLocation();
-
-  if (config.themeConfig?.breadcrumbs === false) return null;
-  if (location.pathname === "/") return null;
-
-  const currentRoute = routes.find((r) => r.path === location.pathname);
-
-  const groupRoute = currentRoute?.group
-    ? routes.find((r) => r.group === currentRoute.group)
-    : null;
-
-  return (
-    <nav className="boltdocs-breadcrumbs" aria-label="Breadcrumb">
-      <ol className="boltdocs-breadcrumbs-list">
-        <li className="boltdocs-breadcrumbs-item">
-          <Link to="/" className="boltdocs-breadcrumbs-link">
-            {/* Home Icon */}
-            <Home size={14} />
-          </Link>
-          <span className="boltdocs-breadcrumbs-separator">
-            <ChevronRight size={14} />
-          </span>
-        </li>
-
-        {currentRoute?.groupTitle && (
-          <li className="boltdocs-breadcrumbs-item">
-            {groupRoute ? (
-              <Link to={groupRoute.path} className="boltdocs-breadcrumbs-link">
-                {currentRoute.groupTitle}
-              </Link>
-            ) : (
-              <span className="boltdocs-breadcrumbs-text">
-                {currentRoute.groupTitle}
-              </span>
-            )}
-            <span className="boltdocs-breadcrumbs-separator">
-              <ChevronRight size={14} />
-            </span>
-          </li>
-        )}
-
-        {currentRoute?.title && (
-          <li className="boltdocs-breadcrumbs-item">
-            <span
-              className="boltdocs-breadcrumbs-text boltdocs-breadcrumbs-active"
-              aria-current="page"
-            >
-              {currentRoute.title}
-            </span>
-          </li>
-        )}
-      </ol>
-    </nav>
-  );
-}
+import React from "react";
+import { useLocation } from "react-router-dom";
+import { Link } from "../Link";
+import { Home, ChevronRight } from "lucide-react";
+import { ComponentRoute } from "../../../types";
+import { BoltdocsConfig } from "../../../../node/config";
+
+export interface BreadcrumbsProps {
+  routes: ComponentRoute[];
+  config: BoltdocsConfig;
+}
+
+export function Breadcrumbs({ routes, config }: BreadcrumbsProps) {
+  const location = useLocation();
+
+  if (config.themeConfig?.breadcrumbs === false) return null;
+  if (location.pathname === "/") return null;
+
+  const currentRoute = routes.find((r) => r.path === location.pathname);
+
+  const groupRoute = currentRoute?.group
+    ? routes.find((r) => r.group === currentRoute.group)
+    : null;
+
+  return (
+    <nav className="boltdocs-breadcrumbs" aria-label="Breadcrumb">
+      <ol className="boltdocs-breadcrumbs-list">
+        <li className="boltdocs-breadcrumbs-item">
+          <Link to="/" className="boltdocs-breadcrumbs-link">
+            {/* Home Icon */}
+            <Home size={14} />
+          </Link>
+          <span className="boltdocs-breadcrumbs-separator">
+            <ChevronRight size={14} />
+          </span>
+        </li>
+
+        {currentRoute?.groupTitle && (
+          <li className="boltdocs-breadcrumbs-item">
+            {groupRoute ? (
+              <Link to={groupRoute.path} className="boltdocs-breadcrumbs-link">
+                {currentRoute.groupTitle}
+              </Link>
+            ) : (
+              <span className="boltdocs-breadcrumbs-text">
+                {currentRoute.groupTitle}
+              </span>
+            )}
+            <span className="boltdocs-breadcrumbs-separator">
+              <ChevronRight size={14} />
+            </span>
+          </li>
+        )}
+
+        {currentRoute?.title && (
+          <li className="boltdocs-breadcrumbs-item">
+            <span
+              className="boltdocs-breadcrumbs-text boltdocs-breadcrumbs-active"
+              aria-current="page"
+            >
+              {currentRoute.title}
+            </span>
+          </li>
+        )}
+      </ol>
+    </nav>
+  );
+}

package/src/client/theme/ui/Breadcrumbs/index.ts

@@ -1 +1 @@
-export { Breadcrumbs } from "./Breadcrumbs";
+export { Breadcrumbs } from "./Breadcrumbs";

package/src/client/theme/ui/Footer/footer.css

@@ -1,32 +1,32 @@
-/* ═══════════════════════════════════════════════════════════
-   FOOTER
-   ═══════════════════════════════════════════════════════════ */
-.boltdocs-footer {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 1.5rem 2rem;
-  border-top: 1px solid var(--ld-border-subtle);
-  background-color: var(--ld-bg-soft);
-  font-size: 0.8rem;
-  color: var(--ld-text-dim);
-}
-
-.footer-copy {
-  margin: 0;
-}
-
-.footer-links {
-  display: flex;
-  gap: 1.25rem;
-}
-
-.footer-links a {
-  color: var(--ld-text-dim);
-  text-decoration: none;
-  transition: color 0.2s;
-}
-
-.footer-links a:hover {
-  color: var(--ld-text-muted);
-}
+/* ═══════════════════════════════════════════════════════════
+   FOOTER
+   ═══════════════════════════════════════════════════════════ */
+.boltdocs-footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 1.5rem 2rem;
+  border-top: 1px solid var(--ld-border-subtle);
+  background-color: var(--ld-bg-soft);
+  font-size: 0.8rem;
+  color: var(--ld-text-dim);
+}
+
+.footer-copy {
+  margin: 0;
+}
+
+.footer-links {
+  display: flex;
+  gap: 1.25rem;
+}
+
+.footer-links a {
+  color: var(--ld-text-dim);
+  text-decoration: none;
+  transition: color 0.2s;
+}
+
+.footer-links a:hover {
+  color: var(--ld-text-muted);
+}