@actuate-media/cms-admin 0.49.1 → 0.49.4

package/src/components/FolderTree.tsx

@@ -191,10 +191,10 @@ export function FolderTree({
         <div
           className={`group flex cursor-pointer items-center gap-1 rounded-md px-2 py-1.5 text-sm transition-colors ${
             isActive
-              ? 'bg-blue-50 font-medium text-blue-700'
+              ? 'bg-primary/10 text-primary font-medium'
               : isDragOver
-                ? 'bg-blue-100 ring-2 ring-blue-300'
-                : 'text-gray-700 hover:bg-gray-100'
+                ? 'bg-primary/15 ring-primary/40 ring-2'
+                : 'text-foreground hover:bg-muted'
           }`}
           style={{ paddingLeft: `${8 + depth * 16}px` }}
           onClick={() => onSelect({ type: 'folder', folderId: folder.id })}
@@ -208,7 +208,7 @@ export function FolderTree({
         >
           <button
             type="button"
-            className={`rounded p-0.5 transition-colors hover:bg-gray-200 ${hasChildren ? '' : 'invisible'}`}
+            className={`hover:bg-muted rounded p-0.5 transition-colors ${hasChildren ? '' : 'invisible'}`}
             onClick={(e) => {
               e.stopPropagation()
               toggleExpand(folder.id)
@@ -222,9 +222,9 @@ export function FolderTree({
           </button>
 
           {isExpanded ? (
-            <FolderOpen className="h-4 w-4 shrink-0 text-blue-500" />
+            <FolderOpen className="text-primary h-4 w-4 shrink-0" />
           ) : (
-            <FolderIcon className="h-4 w-4 shrink-0 text-gray-400" />
+            <FolderIcon className="text-muted-foreground h-4 w-4 shrink-0" />
           )}
 
           {editingId === folder.id ? (
@@ -238,7 +238,7 @@ export function FolderTree({
                 if (e.key === 'Enter') handleRename(folder.id)
                 if (e.key === 'Escape') setEditingId(null)
               }}
-              className="min-w-0 flex-1 rounded border border-blue-300 px-1 py-0 text-sm focus:ring-1 focus:ring-blue-500 focus:outline-none"
+              className="border-primary/50 focus:ring-ring min-w-0 flex-1 rounded border px-1 py-0 text-sm focus:ring-1 focus:outline-none"
               onClick={(e) => e.stopPropagation()}
             />
           ) : (
@@ -246,18 +246,18 @@ export function FolderTree({
           )}
 
           {count !== undefined && !editingId && (
-            <span className="text-xs text-gray-400 tabular-nums">{count}</span>
+            <span className="text-muted-foreground text-xs tabular-nums">{count}</span>
           )}
 
           <button
             type="button"
-            className="rounded p-0.5 opacity-0 transition-all group-hover:opacity-100 hover:bg-gray-200"
+            className="hover:bg-muted rounded p-0.5 opacity-0 transition-all group-hover:opacity-100"
             onClick={(e) => {
               e.stopPropagation()
               setContextMenu({ id: folder.id, x: e.clientX, y: e.clientY })
             }}
           >
-            <MoreHorizontal className="h-3.5 w-3.5 text-gray-500" />
+            <MoreHorizontal className="text-muted-foreground h-3.5 w-3.5" />
           </button>
         </div>
 
@@ -269,7 +269,7 @@ export function FolderTree({
                 className="flex items-center gap-1 px-2 py-1"
                 style={{ paddingLeft: `${24 + (depth + 1) * 16}px` }}
               >
-                <FolderIcon className="h-4 w-4 shrink-0 text-gray-400" />
+                <FolderIcon className="text-muted-foreground h-4 w-4 shrink-0" />
                 <input
                   ref={newFolderInputRef}
                   type="text"
@@ -284,7 +284,7 @@ export function FolderTree({
                     }
                   }}
                   placeholder="Folder name..."
-                  className="min-w-0 flex-1 rounded border border-blue-300 px-1 py-0 text-sm focus:ring-1 focus:ring-blue-500 focus:outline-none"
+                  className="border-primary/50 focus:ring-ring min-w-0 flex-1 rounded border px-1 py-0 text-sm focus:ring-1 focus:outline-none"
                 />
               </div>
             )}
@@ -297,7 +297,7 @@ export function FolderTree({
   if (loading) {
     return (
       <div className="flex items-center justify-center py-8">
-        <Loader2 className="h-5 w-5 animate-spin text-gray-400" />
+        <Loader2 className="text-muted-foreground h-5 w-5 animate-spin" />
       </div>
     )
   }
@@ -309,8 +309,8 @@ export function FolderTree({
           type="button"
           className={`flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm transition-colors ${
             isSelected({ type: 'smart', smart: 'all' })
-              ? 'bg-blue-50 font-medium text-blue-700'
-              : 'text-gray-700 hover:bg-gray-100'
+              ? 'bg-primary/10 text-primary font-medium'
+              : 'text-foreground hover:bg-muted'
           }`}
           onClick={() => onSelect({ type: 'smart', smart: 'all' })}
           onDragOver={(e) => handleDragOver(e, null)}
@@ -320,7 +320,7 @@ export function FolderTree({
           <LayoutGrid className="h-4 w-4 shrink-0" />
           <span className="flex-1 text-left">All</span>
           {totalCount !== undefined && (
-            <span className="text-xs text-gray-400 tabular-nums">{totalCount}</span>
+            <span className="text-muted-foreground text-xs tabular-nums">{totalCount}</span>
           )}
         </button>
 
@@ -328,15 +328,15 @@ export function FolderTree({
           type="button"
           className={`flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm transition-colors ${
             isSelected({ type: 'smart', smart: 'recent' })
-              ? 'bg-blue-50 font-medium text-blue-700'
-              : 'text-gray-700 hover:bg-gray-100'
+              ? 'bg-primary/10 text-primary font-medium'
+              : 'text-foreground hover:bg-muted'
           }`}
           onClick={() => onSelect({ type: 'smart', smart: 'recent' })}
         >
           <Clock className="h-4 w-4 shrink-0" />
           <span className="flex-1 text-left">Recent</span>
           {recentCount !== undefined && (
-            <span className="text-xs text-gray-400 tabular-nums">{recentCount}</span>
+            <span className="text-muted-foreground text-xs tabular-nums">{recentCount}</span>
           )}
         </button>
 
@@ -344,27 +344,27 @@ export function FolderTree({
           type="button"
           className={`flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm transition-colors ${
             isSelected({ type: 'smart', smart: 'uncategorized' })
-              ? 'bg-blue-50 font-medium text-blue-700'
-              : 'text-gray-700 hover:bg-gray-100'
+              ? 'bg-primary/10 text-primary font-medium'
+              : 'text-foreground hover:bg-muted'
           }`}
           onClick={() => onSelect({ type: 'smart', smart: 'uncategorized' })}
         >
           <Inbox className="h-4 w-4 shrink-0" />
           <span className="flex-1 text-left">Uncategorized</span>
           {uncategorizedCount !== undefined && (
-            <span className="text-xs text-gray-400 tabular-nums">{uncategorizedCount}</span>
+            <span className="text-muted-foreground text-xs tabular-nums">{uncategorizedCount}</span>
           )}
         </button>
       </div>
 
-      <div className="my-1 border-t border-gray-200" />
+      <div className="border-border my-1 border-t" />
 
       <div className="flex-1 space-y-0.5 overflow-y-auto px-1 py-1">
         {folders.map((folder) => renderFolder(folder, 0))}
 
         {creatingIn === null && (
           <div className="flex items-center gap-1 px-2 py-1">
-            <FolderIcon className="ml-5 h-4 w-4 shrink-0 text-gray-400" />
+            <FolderIcon className="text-muted-foreground ml-5 h-4 w-4 shrink-0" />
             <input
               ref={newFolderInputRef}
               type="text"
@@ -379,20 +379,20 @@ export function FolderTree({
                 }
               }}
               placeholder="Folder name..."
-              className="min-w-0 flex-1 rounded border border-blue-300 px-1 py-0 text-sm focus:ring-1 focus:ring-blue-500 focus:outline-none"
+              className="border-primary/50 focus:ring-ring min-w-0 flex-1 rounded border px-1 py-0 text-sm focus:ring-1 focus:outline-none"
             />
           </div>
         )}
       </div>
 
-      <div className="border-t border-gray-200 p-2">
+      <div className="border-border border-t p-2">
         <button
           type="button"
           onClick={() => {
             setCreatingIn(null)
             setNewFolderName('')
           }}
-          className="flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm text-gray-600 transition-colors hover:bg-gray-100"
+          className="text-muted-foreground hover:bg-muted flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm transition-colors"
         >
           <Plus className="h-4 w-4" />
           New Folder
@@ -401,12 +401,12 @@ export function FolderTree({
 
       {contextMenu && (
         <div
-          className="fixed z-50 min-w-[160px] rounded-lg border border-gray-200 bg-white py-1 shadow-lg"
+          className="border-border bg-card fixed z-50 min-w-[160px] rounded-lg border py-1 shadow-lg"
           style={{ left: contextMenu.x, top: contextMenu.y }}
         >
           <button
             type="button"
-            className="flex w-full items-center gap-2 px-3 py-1.5 text-sm text-gray-700 transition-colors hover:bg-gray-100"
+            className="text-foreground hover:bg-muted flex w-full items-center gap-2 px-3 py-1.5 text-sm transition-colors"
             onClick={() => {
               const folder = findFolder(folders, contextMenu.id)
               if (folder) {
@@ -421,7 +421,7 @@ export function FolderTree({
           </button>
           <button
             type="button"
-            className="flex w-full items-center gap-2 px-3 py-1.5 text-sm text-gray-700 transition-colors hover:bg-gray-100"
+            className="text-foreground hover:bg-muted flex w-full items-center gap-2 px-3 py-1.5 text-sm transition-colors"
             onClick={() => {
               setCreatingIn(contextMenu.id)
               setNewFolderName('')
@@ -432,10 +432,10 @@ export function FolderTree({
             <FolderPlus className="h-3.5 w-3.5" />
             New Subfolder
           </button>
-          <div className="my-1 border-t border-gray-200" />
+          <div className="border-border my-1 border-t" />
           <button
             type="button"
-            className="flex w-full items-center gap-2 px-3 py-1.5 text-sm text-red-600 transition-colors hover:bg-red-50"
+            className="text-destructive hover:bg-destructive/10 flex w-full items-center gap-2 px-3 py-1.5 text-sm transition-colors"
             onClick={() => {
               handleDelete(contextMenu.id)
               setContextMenu(null)

package/src/components/NotificationBell.tsx

@@ -256,7 +256,7 @@ export function NotificationBell({
         <BellIcon />
         {unread > 0 && (
           <span
-            className="absolute -top-0.5 -right-0.5 inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-red-600 px-1 text-[10px] font-semibold text-white"
+            className="absolute -top-0.5 -right-0.5 inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-red-600 px-1 text-[10px] font-medium text-white"
             data-testid="bell-badge"
           >
             {unread > 99 ? '99+' : unread}
@@ -270,7 +270,7 @@ export function NotificationBell({
           data-testid="bell-dropdown"
         >
           <header className="flex items-center justify-between border-b border-gray-100 px-3 py-2">
-            <span className="text-sm font-semibold text-gray-900">Notifications</span>
+            <span className="text-sm font-medium text-gray-900">Notifications</span>
             <button
               type="button"
               className="text-xs text-gray-600 hover:text-gray-900 disabled:opacity-50"

package/src/components/PresenceChips.tsx

@@ -125,7 +125,7 @@ function Chip({ name, color, avatarUrl }: { name: string; color: string; avatarU
       ) : (
         <span
           aria-hidden="true"
-          className="flex h-4 w-4 items-center justify-center rounded-full text-[8px] font-semibold text-white"
+          className="flex h-4 w-4 items-center justify-center rounded-full text-[8px] font-medium text-white"
           style={{ backgroundColor: color }}
         >
           {initials}

package/src/components/SEOConfigPanel.tsx

@@ -242,7 +242,7 @@ export function SEOConfigPanel() {
       <section className="rounded-lg border border-gray-200 bg-white">
         <header className="flex items-center gap-2 border-b border-gray-200 px-4 py-3">
           <Globe className="h-4 w-4 text-blue-600" />
-          <h3 className="text-sm font-semibold text-gray-900">Site-wide defaults</h3>
+          <h3 className="text-sm font-medium text-gray-900">Site-wide defaults</h3>
         </header>
         <div className="grid grid-cols-1 gap-4 p-4 md:grid-cols-2">
           <Field
@@ -333,7 +333,7 @@ export function SEOConfigPanel() {
       <section className="rounded-lg border border-gray-200 bg-white">
         <header className="flex items-center gap-2 border-b border-gray-200 px-4 py-3">
           <FileText className="h-4 w-4 text-blue-600" />
-          <h3 className="text-sm font-semibold text-gray-900">Per-collection defaults</h3>
+          <h3 className="text-sm font-medium text-gray-900">Per-collection defaults</h3>
           <span className="text-xs text-gray-500">
             — shown placeholders are the static defaults
           </span>
@@ -346,7 +346,7 @@ export function SEOConfigPanel() {
               <div key={col.slug} className="p-4">
                 <div className="mb-3 flex items-baseline justify-between gap-4">
                   <div>
-                    <h4 className="text-sm font-semibold text-gray-900">{col.label}</h4>
+                    <h4 className="text-sm font-medium text-gray-900">{col.label}</h4>
                     <p className="text-xs text-gray-500">
                       <code className="rounded bg-gray-100 px-1 py-0.5">{col.slug}</code>
                       {col.urlPrefix !== undefined && (

package/src/components/SEOPanel.tsx

@@ -414,7 +414,7 @@ function ScoreRing({ score }: { score: number }) {
           className="transition-all duration-500"
         />
       </svg>
-      <span className="absolute text-sm font-bold" style={{ color }}>
+      <span className="absolute text-sm font-medium" style={{ color }}>
         {score}
       </span>
     </div>
@@ -624,7 +624,7 @@ export function SEOPanel({
     <div className="rounded-lg border border-[var(--border)] bg-[var(--card)]">
       {/* Header */}
       <div className="flex items-center justify-between border-b border-[var(--border)] px-4 py-3">
-        <h3 className="flex items-center gap-2 text-sm font-semibold text-[var(--foreground)]">
+        <h3 className="flex items-center gap-2 text-sm font-medium text-[var(--foreground)]">
           <Search className="h-4 w-4" />
           SEO
         </h3>
@@ -692,24 +692,26 @@ export function SEOPanel({
           <div className="grid grid-cols-2 gap-3">
             <div className="rounded-lg bg-[var(--muted)] p-2.5">
               <p className="text-xs text-[var(--muted-foreground)]">Flesch Score</p>
-              <p className={`text-lg font-bold ${fleschColor}`}>{readability.fleschScore}</p>
+              <p className={`text-lg font-medium ${fleschColor}`}>{readability.fleschScore}</p>
               <p className={`text-[10px] ${fleschColor}`}>{fleschLabel}</p>
             </div>
             <div className="rounded-lg bg-[var(--muted)] p-2.5">
               <p className="text-xs text-[var(--muted-foreground)]">Word Count</p>
-              <p className="text-lg font-bold text-[var(--foreground)]">{readability.wordCount}</p>
+              <p className="text-lg font-medium text-[var(--foreground)]">
+                {readability.wordCount}
+              </p>
               <p className="text-[10px] text-[var(--muted-foreground)]">words</p>
             </div>
             <div className="rounded-lg bg-[var(--muted)] p-2.5">
               <p className="text-xs text-[var(--muted-foreground)]">Avg. Sentence</p>
-              <p className="text-lg font-bold text-[var(--foreground)]">
+              <p className="text-lg font-medium text-[var(--foreground)]">
                 {readability.avgSentenceLength.toFixed(1)}
               </p>
               <p className="text-[10px] text-[var(--muted-foreground)]">words/sentence</p>
             </div>
             <div className="rounded-lg bg-[var(--muted)] p-2.5">
               <p className="text-xs text-[var(--muted-foreground)]">Reading Time</p>
-              <p className="text-lg font-bold text-[var(--foreground)]">
+              <p className="text-lg font-medium text-[var(--foreground)]">
                 {readability.readingTime}
               </p>
               <p className="text-[10px] text-[var(--muted-foreground)]">min</p>

package/src/components/SEOPerformance.tsx

@@ -27,7 +27,7 @@ function ScoreBadge({ score }: { score: number }) {
   const bg = score >= 80 ? 'bg-green-50' : score >= 60 ? 'bg-amber-50' : 'bg-red-50'
   return (
     <span
-      className={`inline-flex h-9 w-9 items-center justify-center rounded-full text-sm font-semibold ${color} ${bg}`}
+      className={`inline-flex h-9 w-9 items-center justify-center rounded-full text-sm font-medium ${color} ${bg}`}
     >
       {score}
     </span>
@@ -57,7 +57,7 @@ export function SEOPerformance({ onNavigate }: SEOPerformanceProps) {
       <div className="flex items-center justify-between border-b border-gray-200 p-4">
         <div className="flex items-center gap-2">
           <Search className="h-4 w-4 text-gray-500" />
-          <h2 className="text-sm font-semibold text-gray-900">SEO Performance</h2>
+          <h2 className="text-sm font-medium text-gray-900">SEO Performance</h2>
         </div>
         {totalIssues > 0 && (
           <span className="text-xs text-gray-500">
@@ -120,7 +120,7 @@ export function SEOPerformance({ onNavigate }: SEOPerformanceProps) {
                 <FileWarning className="h-4 w-4 text-red-400" />
                 <span className="text-sm text-gray-700">Missing meta descriptions</span>
               </div>
-              <span className="text-sm font-semibold text-gray-900">
+              <span className="text-sm font-medium text-gray-900">
                 {issues.missingMetaDescriptions}
               </span>
             </div>
@@ -129,7 +129,7 @@ export function SEOPerformance({ onNavigate }: SEOPerformanceProps) {
                 <LinkIcon className="h-4 w-4 text-red-400" />
                 <span className="text-sm text-gray-700">Broken internal links</span>
               </div>
-              <span className="text-sm font-semibold text-gray-900">
+              <span className="text-sm font-medium text-gray-900">
                 {issues.brokenInternalLinks}
               </span>
             </div>
@@ -138,7 +138,7 @@ export function SEOPerformance({ onNavigate }: SEOPerformanceProps) {
                 <ImageOff className="h-4 w-4 text-red-400" />
                 <span className="text-sm text-gray-700">Missing alt text</span>
               </div>
-              <span className="text-sm font-semibold text-gray-900">{issues.missingAltText}</span>
+              <span className="text-sm font-medium text-gray-900">{issues.missingAltText}</span>
             </div>
           </div>
           {totalIssues > 0 && (

package/src/components/forms/EntriesTable.tsx

@@ -130,7 +130,7 @@ export function EntriesTable({
                             />
                           )}
                           <span
-                            className={`text-foreground truncate ${entry.unread ? 'font-semibold' : 'font-medium'}`}
+                            className={`text-foreground truncate ${entry.unread ? 'font-medium' : 'font-medium'}`}
                           >
                             {name}
                           </span>

package/src/components/ui/Card.tsx

@@ -62,7 +62,7 @@ export function CardTitle({
 }: HTMLAttributes<HTMLHeadingElement>) {
   return (
     <h3
-      className={`text-lg leading-tight font-semibold tracking-tight text-[var(--card-foreground)] ${className}`}
+      className={`text-lg leading-tight font-medium tracking-tight text-[var(--card-foreground)] ${className}`}
       {...rest}
     >
       {children}

package/src/components/ui/EmptyState.tsx

@@ -13,7 +13,7 @@ export function EmptyState({ icon, title, description, actionLabel, onAction }:
   return (
     <div className="flex flex-col items-center justify-center py-16 text-center">
       {icon && <div className="mb-4 text-[var(--muted-foreground)]">{icon}</div>}
-      <h3 className="text-lg font-semibold">{title}</h3>
+      <h3 className="text-lg font-medium">{title}</h3>
       {description && (
         <p className="mt-1 max-w-sm text-sm text-[var(--muted-foreground)]">{description}</p>
       )}

package/src/layout/Sidebar.tsx

@@ -390,7 +390,7 @@ function renderNavTree(items: NavItem[], ctx: NavRenderContext): ReactNode {
           </div>
         ) : (
           <div key={`g-${item.group}`} className="px-3 pt-4 pb-1">
-            <span className="text-sidebar-foreground/55 text-[10px] font-semibold tracking-wider uppercase">
+            <span className="text-sidebar-foreground/55 text-[10px] font-medium tracking-wider uppercase">
               {item.group}
             </span>
           </div>

package/src/layout/primitives/PageContainer.tsx

@@ -79,7 +79,7 @@ export function PageContainer({
             {(title || description) && (
               <div className="min-w-0">
                 {title && (
-                  <h1 className="text-foreground truncate text-2xl font-semibold tracking-tight">
+                  <h1 className="text-foreground truncate text-2xl font-medium tracking-tight">
                     {title}
                   </h1>
                 )}

package/src/views/CollectionList.tsx

@@ -284,7 +284,7 @@ export function CollectionList({ collectionSlug, config, onNavigate }: Collectio
       <div className="mb-4 flex flex-wrap items-center justify-between gap-3">
         <div>
           <h1
-            className="text-xl font-semibold sm:text-2xl"
+            className="text-xl font-medium sm:text-2xl"
             style={{ color: 'var(--actuate-text, #111827)' }}
           >
             {labels.plural}

package/src/views/Dashboard.tsx

@@ -584,7 +584,7 @@ export function Dashboard({ config, session, onNavigate }: DashboardProps) {
           consistent across navigation. The on-page secondary action row
           below covers the same creation paths plus authoring shortcuts. */}
       <div className="flex flex-col gap-1 sm:gap-0.5">
-        <h1 className="text-foreground text-xl font-semibold tracking-tight sm:text-2xl">
+        <h1 className="text-foreground text-xl font-medium tracking-tight sm:text-2xl">
           {greeting}, {userName} <span aria-hidden>👋</span>
         </h1>
         <p className="text-muted-foreground text-sm">
@@ -623,7 +623,7 @@ export function Dashboard({ config, session, onNavigate }: DashboardProps) {
                 <card.icon className={`h-4 w-4 ${card.iconColor}`} />
               </div>
               <div className="flex items-baseline gap-1">
-                <span className="text-foreground text-2xl leading-none font-semibold tracking-tight">
+                <span className="text-foreground text-2xl leading-none font-medium tracking-tight">
                   {card.value}
                 </span>
                 {card.unit && (
@@ -664,7 +664,7 @@ export function Dashboard({ config, session, onNavigate }: DashboardProps) {
         <section className="bg-card border-border overflow-hidden rounded-xl border shadow-sm">
           <header className="border-border flex items-center justify-between border-b px-4 py-3">
             <div className="min-w-0">
-              <h2 className="text-foreground text-sm font-semibold">Recent Activity</h2>
+              <h2 className="text-foreground text-sm font-medium">Recent Activity</h2>
               <p className="text-muted-foreground mt-0.5 text-xs">Last 7 days across all content</p>
             </div>
             {(stats?.recentDocuments?.length ?? 0) > 8 && (
@@ -693,7 +693,7 @@ export function Dashboard({ config, session, onNavigate }: DashboardProps) {
                   >
                     <div className="flex min-w-0 items-start gap-3">
                       <div
-                        className="mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-[11px] font-bold text-white"
+                        className="mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-[11px] font-medium text-white"
                         style={{ background: it.avatar.color }}
                         aria-hidden
                       >
@@ -701,7 +701,7 @@ export function Dashboard({ config, session, onNavigate }: DashboardProps) {
                       </div>
                       <div className="min-w-0 flex-1">
                         <p className="text-foreground truncate text-sm leading-snug">
-                          <span className="font-semibold">
+                          <span className="font-medium">
                             &ldquo;{it.title || 'Untitled'}&rdquo;
                           </span>{' '}
                           <span className="text-muted-foreground">— {it.typeLabel}</span>
@@ -731,7 +731,7 @@ export function Dashboard({ config, session, onNavigate }: DashboardProps) {
           <section className="bg-card border-border overflow-hidden rounded-xl border shadow-sm">
             <header className="border-border flex items-center justify-between border-b px-4 py-3">
               <div className="min-w-0">
-                <h2 className="text-foreground text-sm font-semibold">Publishing Queue</h2>
+                <h2 className="text-foreground text-sm font-medium">Publishing Queue</h2>
                 <p className="text-muted-foreground mt-0.5 text-xs">
                   {publishQueue.length} item{publishQueue.length === 1 ? '' : 's'} scheduled
                 </p>
@@ -787,7 +787,7 @@ export function Dashboard({ config, session, onNavigate }: DashboardProps) {
           <section className="bg-card border-border overflow-hidden rounded-xl border shadow-sm">
             <header className="border-border flex items-center justify-between border-b px-4 py-3">
               <div className="min-w-0">
-                <h2 className="text-foreground text-sm font-semibold">Content Health</h2>
+                <h2 className="text-foreground text-sm font-medium">Content Health</h2>
                 <p className="text-muted-foreground mt-0.5 text-xs">SEO &amp; quality issues</p>
               </div>
               <button
@@ -799,7 +799,7 @@ export function Dashboard({ config, session, onNavigate }: DashboardProps) {
             </header>
             <div className="px-4 pt-3.5 pb-2.5">
               <div className="mb-1.5 flex items-baseline justify-between">
-                <p className="text-foreground text-2xl leading-none font-semibold tracking-tight">
+                <p className="text-foreground text-2xl leading-none font-medium tracking-tight">
                   {contentHealth.score > 0 ? contentHealth.score : '—'}
                   {contentHealth.score > 0 && (
                     <span className="text-muted-foreground ml-0.5 text-sm font-normal">/100</span>
@@ -861,7 +861,7 @@ export function Dashboard({ config, session, onNavigate }: DashboardProps) {
                         {iss.label}
                       </span>
                       <span
-                        className={`shrink-0 text-sm font-semibold ${
+                        className={`shrink-0 text-sm font-medium ${
                           iss.tone === 'err'
                             ? 'text-red-600 dark:text-red-400'
                             : iss.tone === 'warn'
@@ -892,7 +892,7 @@ export function Dashboard({ config, session, onNavigate }: DashboardProps) {
       <section className="bg-card border-border overflow-hidden rounded-xl border shadow-sm">
         <header className="border-border flex items-center justify-between border-b px-4 py-3">
           <div className="min-w-0">
-            <h2 className="text-foreground text-sm font-semibold">Delivery API</h2>
+            <h2 className="text-foreground text-sm font-medium">Delivery API</h2>
             <p className="text-muted-foreground mt-0.5 text-xs">
               Headless content delivery · last 24 hours
             </p>
@@ -1030,7 +1030,7 @@ function EmptyState({
       className={`flex flex-col items-center justify-center gap-1.5 text-center ${compact ? 'px-4 py-6' : 'px-6 py-10'}`}
     >
       <Icon className="text-muted-foreground/50 mb-1 h-7 w-7" aria-hidden />
-      <p className="text-foreground text-sm font-semibold">{title}</p>
+      <p className="text-foreground text-sm font-medium">{title}</p>
       <p className="text-muted-foreground max-w-xs text-xs">{subtitle}</p>
     </div>
   )
@@ -1065,7 +1065,7 @@ function DeliveryTile({
         <Icon className="h-3.5 w-3.5" aria-hidden />
         <span className="text-[11px] font-medium">{label}</span>
       </div>
-      <p className="text-foreground text-xl leading-tight font-semibold tracking-tight">{value}</p>
+      <p className="text-foreground text-xl leading-tight font-medium tracking-tight">{value}</p>
       {sub && (
         <p className={`mt-0.5 inline-flex items-center gap-1 text-[11px] ${subTone}`}>
           {SubIcon && <SubIcon className="h-3 w-3 shrink-0" aria-hidden />}

package/src/views/DocumentEdit.tsx

@@ -308,7 +308,7 @@ export function DocumentEdit({
     <div className="space-y-4">
       <div className="flex items-center justify-between">
         <div className="flex items-center gap-3">
-          <h1 className="text-2xl font-bold">{displayTitle}</h1>
+          <h1 className="text-2xl font-medium">{displayTitle}</h1>
           <span
             className={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${statusColor}`}
           >
@@ -384,7 +384,7 @@ export function DocumentEdit({
 
               <div className="space-y-6">
                 <div className="rounded-lg border border-[var(--border)] bg-[var(--card)] p-4">
-                  <h3 className="mb-4 font-semibold">Status</h3>
+                  <h3 className="mb-4 font-medium">Status</h3>
                   <div className="space-y-3">
                     {!isNew && docStatus === 'DRAFT' && (
                       <Button
@@ -436,7 +436,7 @@ export function DocumentEdit({
 
                 {sidebarFields.length > 0 && (
                   <div className="rounded-lg border border-[var(--border)] bg-[var(--card)] p-4">
-                    <h3 className="mb-4 font-semibold">Metadata</h3>
+                    <h3 className="mb-4 font-medium">Metadata</h3>
                     {sidebarFields.map((field: any) => (
                       <div key={field.name} className="mb-4">
                         <FieldRenderer
@@ -460,7 +460,7 @@ export function DocumentEdit({
 
                 {hasLayout && (
                   <div className="rounded-lg border border-[var(--border)] bg-[var(--card)] p-4">
-                    <h3 className="mb-1 font-semibold">Layout</h3>
+                    <h3 className="mb-1 font-medium">Layout</h3>
                     <p className="mb-4 text-xs text-[var(--muted-foreground)]">
                       Assign header/footer variants. Child pages inherit from ancestors.
                     </p>

package/src/views/ForgotPassword.tsx

@@ -48,7 +48,7 @@ export function ForgotPassword({ onNavigate }: ForgotPasswordProps) {
           <div className="mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-xl bg-blue-600">
             <Shield className="h-7 w-7 text-white" />
           </div>
-          <h1 className="text-2xl font-bold text-gray-900">Reset Password</h1>
+          <h1 className="text-2xl font-medium text-gray-900">Reset Password</h1>
           <p className="mt-2 text-gray-600">
             {sent
               ? 'Check your inbox for a reset link'

package/src/views/FormEditor.tsx

@@ -191,9 +191,7 @@ export function FormEditor({ formId, onNavigate }: FormEditorProps) {
           <ArrowLeft className="h-5 w-5 text-gray-600" />
         </button>
         <div className="flex-1">
-          <h1 className="text-xl font-semibold text-gray-900">
-            {isNew ? 'New Form' : 'Edit Form'}
-          </h1>
+          <h1 className="text-xl font-medium text-gray-900">{isNew ? 'New Form' : 'Edit Form'}</h1>
         </div>
         <button
           onClick={handleSave}

package/src/views/Login.tsx

@@ -393,7 +393,7 @@ export function Login({
             ) : (
               <ActuateBrandLogo className="mx-auto mb-4 h-14 w-auto" />
             ))}
-          <h1 className="text-2xl font-bold text-gray-900">{brandName}</h1>
+          <h1 className="text-2xl font-medium text-gray-900">{brandName}</h1>
           <p className="mt-2 text-gray-600">{brandTagline}</p>
         </div>
 
@@ -403,7 +403,7 @@ export function Login({
             className="space-y-5 rounded-xl border border-gray-200 bg-white p-6 shadow-sm"
           >
             <div>
-              <h2 className="text-lg font-semibold text-gray-900">Two-factor authentication</h2>
+              <h2 className="text-lg font-medium text-gray-900">Two-factor authentication</h2>
               <p className="mt-1 text-sm text-gray-600">
                 {useBackupCode
                   ? 'Enter one of your one-time backup codes.'