feat: sb verses extracted

app/books/sb/[canto]/[chapter]/verse-index.tsx

@@ -39,7 +39,7 @@ export function VerseIndex({
 
   return (
     <aside className="hidden lg:block w-48 shrink-0 sticky top-[89px] self-start max-h-[calc(100vh-89px)] overflow-y-auto py-8 pr-4">
-      <h2 className="text-xs font-bold uppercase tracking-wider text-amber-600 dark:text-amber-500 mb-3 px-2">
+      <h2 className="text-xs font-bold uppercase tracking-wider text-muted-foreground mb-3 px-2">
         Verses
       </h2>
       <nav className="grid grid-cols-3 gap-0.5">
@@ -47,10 +47,10 @@ export function VerseIndex({
           <a
             key={v.verse}
             href={`#verse-${v.verse}`}
-            className={`px-2 py-1 rounded text-sm text-center transition-colors ${
+            className={`px-2 py-1 rounded-md text-sm text-center transition-colors ${
               activeVerse === v.verse
-                ? "bg-amber-200 dark:bg-amber-900/40 text-amber-900 dark:text-amber-300 font-medium"
-                : "text-zinc-600 dark:text-zinc-400 hover:bg-amber-100 dark:hover:bg-zinc-800 hover:text-zinc-900 dark:hover:text-zinc-200"
+                ? "bg-primary/10 text-primary font-medium"
+                : "text-muted-foreground hover:bg-muted hover:text-foreground"
             }`}
           >
             {v.verse_end ? `${v.verse}–${v.verse_end}` : v.verse}