Simplify modal, badge, and component styles to dark-first (#29)

Co-authored-by: Julian Tabel <juliantabel.jt@gmail.com>
Co-committed-by: Julian Tabel <juliantabel.jt@gmail.com>

frontend/src/components/admin/AdminLayout.tsx

@@ -21,9 +21,7 @@ export function AdminLayout() {
                   to={item.to}
                   className={({ isActive }) =>
                     `block px-3 py-2 rounded-md text-sm font-medium whitespace-nowrap ${
-                      isActive
-                        ? 'bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-200'
-                        : 'hover:bg-surface-2'
+                      isActive ? 'bg-accent-900/40 text-accent-300' : 'hover:bg-surface-2'
                     }`
                   }
                 >

frontend/src/components/admin/BossTeamEditor.tsx

@@ -175,7 +175,7 @@ export function BossTeamEditor({ boss, onSave, onClose, isSaving }: BossTeamEdit
                     e.stopPropagation()
                     removeVariant(i)
                   }}
-                  className="ml-1.5 text-gray-400 hover:text-red-500 cursor-pointer"
+                  className="ml-1.5 text-text-tertiary hover:text-red-500 cursor-pointer"
                   title="Remove variant"
                 >
                   ✕
@@ -187,7 +187,7 @@ export function BossTeamEditor({ boss, onSave, onClose, isSaving }: BossTeamEdit
             <button
               type="button"
               onClick={() => setShowAddVariant(true)}
-              className="px-2 py-1.5 text-sm text-text-link hover:text-blue-700 dark:hover:text-blue-300"
+              className="px-2 py-1.5 text-sm text-text-link hover:text-accent-300"
               title="Add variant"
             >
               +
@@ -219,7 +219,7 @@ export function BossTeamEditor({ boss, onSave, onClose, isSaving }: BossTeamEdit
               <button
                 type="button"
                 onClick={() => setShowAddVariant(false)}
-                className="px-1 py-1 text-sm text-gray-400"
+                className="px-1 py-1 text-sm text-text-tertiary"
               >
                 &#10005;
               </button>

frontend/src/components/admin/BulkImportModal.tsx

@@ -77,7 +77,7 @@ export function BulkImportModal({
             )}
 
             {result && (
-              <div className="p-3 bg-green-50 dark:bg-green-900/30 text-green-700 dark:text-green-300 rounded-md text-sm">
+              <div className="p-3 bg-green-900/30 text-green-300 rounded-md text-sm">
                 <p>
                   {createdLabel}: {result.created}, {updatedLabel}: {result.updated}
                 </p>

frontend/src/components/admin/FormModal.tsx

@@ -53,7 +53,7 @@ export function FormModal({
                   }
                 }}
                 onBlur={() => setConfirmingDelete(false)}
-                className="px-4 py-2 text-sm font-medium rounded-md text-status-failed border border-red-300 dark:border-red-600 hover:bg-red-50 dark:hover:bg-red-900/20 disabled:opacity-50"
+                className="px-4 py-2 text-sm font-medium rounded-md text-status-failed border border-red-600 hover:bg-red-900/20 disabled:opacity-50"
               >
                 {isDeleting ? 'Deleting...' : confirmingDelete ? 'Confirm?' : 'Delete'}
               </button>

frontend/src/components/admin/PokemonFormModal.tsx

@@ -85,7 +85,7 @@ export function PokemonFormModal({
   const tabClass = (tab: Tab) =>
     `px-3 py-1.5 text-sm font-medium rounded-t-md border-b-2 transition-colors ${
       activeTab === tab
-        ? 'border-blue-600 text-blue-600 dark:border-blue-400 dark:text-blue-400'
+        ? 'border-accent-400 text-accent-400'
         : 'border-transparent text-text-tertiary hover:text-text-secondary'
     }`
 
@@ -184,7 +184,7 @@ export function PokemonFormModal({
                       }
                     }}
                     onBlur={() => setConfirmingDelete(false)}
-                    className="px-4 py-2 text-sm font-medium rounded-md text-status-failed border border-red-300 dark:border-red-600 hover:bg-red-50 dark:hover:bg-red-900/20 disabled:opacity-50"
+                    className="px-4 py-2 text-sm font-medium rounded-md text-status-failed border border-red-600 hover:bg-red-900/20 disabled:opacity-50"
                   >
                     {isDeleting ? 'Deleting...' : confirmingDelete ? 'Confirm?' : 'Delete'}
                   </button>

frontend/src/components/admin/PokemonSelector.tsx

@@ -58,7 +58,7 @@ export function PokemonSelector({
                 setOpen(false)
               }}
               className={`px-3 py-2 cursor-pointer hover:bg-surface-2 text-sm flex items-center gap-2 ${
-                p.id === selectedId ? 'bg-blue-50 dark:bg-blue-900/30' : ''
+                p.id === selectedId ? 'bg-accent-900/30' : ''
               }`}
             >
               {p.spriteUrl && <img src={p.spriteUrl} alt="" className="w-6 h-6" />}