feat: add shared Toolbox header and themes

src/components/ReorderPanel.tsx

@@ -279,13 +279,15 @@ const ReorderPanel: React.FC<ReorderPanelProps> = ({
     draggingPage != null &&
     selectedPageIds.length > 0 &&
     selectedPageIds.includes(draggingPage.id);
-  const dropIndicatorColor = isCopyDragging ? '#16a34a' : '#2563eb';
+  const dropIndicatorColor = isCopyDragging
+    ? 'var(--pdf-success-text)'
+    : 'var(--pdf-primary)';
 
   return (
     <>
       <div className="card">
         <h2>Pages</h2>
-        <p style={{ fontSize: '0.85rem', color: '#6b7280' }}>
+        <p style={{ fontSize: '0.85rem', color: 'var(--pdf-muted-soft)' }}>
           Tap/click a page to preview it. Use the checkbox to select pages
           (Shift for ranges). Drag to reorder; dragging a selected page moves
           the whole selection. Hold Ctrl/⌘ while dropping to copy instead of