feat: migrate docs to docusaurus v3 hub

src/css/custom.css

@@ -1,15 +1,30 @@
+@import './blackroad-os-brand/tokens.css';
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
 :root {
-  --ifm-color-primary: #111827;
-  --ifm-color-primary-dark: #0f172a;
-  --ifm-color-primary-darker: #0b1221;
-  --ifm-color-primary-darkest: #070c17;
-  --ifm-color-primary-light: #1f2937;
-  --ifm-color-primary-lighter: #374151;
-  --ifm-color-primary-lightest: #4b5563;
+  --ifm-color-primary: var(--br-brand-ink);
+  --ifm-color-primary-dark: #0c1223;
+  --ifm-color-primary-darker: #0a0e1b;
+  --ifm-color-primary-darkest: #070a14;
+  --ifm-color-primary-light: #131d32;
+  --ifm-color-primary-lighter: #1b2640;
+  --ifm-color-primary-lightest: #24304d;
+  --ifm-background-color: var(--br-brand-surface);
+  --ifm-font-color-base: var(--br-brand-foreground);
+  --ifm-link-color: var(--br-brand-glow);
+  --ifm-navbar-background-color: rgba(12, 18, 35, 0.95);
+}
+
+[data-theme='dark'] {
+  --ifm-background-color: var(--br-brand-surface);
+  --ifm-font-color-base: var(--br-brand-foreground);
 }
 
 .hero--primary {
-  background: linear-gradient(120deg, #0f172a 0%, #1f2937 35%, #6b21a8 100%);
+  background: linear-gradient(120deg, var(--br-brand-ink) 0%, #1f2937 35%, var(--br-brand-accent) 100%);
 }
 
 .homepage-hero {
@@ -18,31 +33,18 @@
 }
 
 .homepage-hero .buttons {
-  margin-top: 1.5rem;
-}
-
-.callout-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  display: flex;
   gap: 1rem;
 }
 
-.callout-card {
-  background: #0f172a;
-  color: #f9fafb;
-  border: 1px solid #1f2937;
-  border-radius: 12px;
-  padding: 1rem;
-  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
+.card-grid {
+  @apply grid gap-6 md:grid-cols-2;
 }
 
-.callout-card h3 {
-  margin-top: 0;
+.card-grid .card {
+  @apply bg-slate-800/60 border border-slate-700 p-6 rounded-xl shadow-lg;
 }
 
-.card-subtitle {
-  color: #cbd5e1;
-  font-size: 0.9rem;
-  margin-top: -0.25rem;
-  margin-bottom: 0.5rem;
+.footer--dark {
+  background: linear-gradient(180deg, var(--br-brand-ink) 0%, #0f172a 40%, #050914 100%);
 }