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/pages/NewGenlocke.tsx

@@ -183,7 +183,7 @@ export function NewGenlocke() {
                   onClick={() => handlePresetSelect(type)}
                   className={`flex-1 p-4 rounded-lg border-2 text-left transition-colors ${
                     isActive
-                      ? 'border-blue-600 bg-blue-50 dark:bg-blue-900/20'
+                      ? 'border-accent-600 bg-accent-900/20'
                       : 'border-border-default hover:border-border-default'
                   }`}
                 >
@@ -498,7 +498,7 @@ function LegRow({
           type="button"
           disabled={index === 0}
           onClick={() => onMove('up')}
-          className="p-1 text-gray-400 hover:text-text-secondary disabled:opacity-30 disabled:cursor-not-allowed"
+          className="p-1 text-text-tertiary hover:text-text-secondary disabled:opacity-30 disabled:cursor-not-allowed"
           title="Move up"
         >
           <svg
@@ -515,7 +515,7 @@ function LegRow({
           type="button"
           disabled={index === total - 1}
           onClick={() => onMove('down')}
-          className="p-1 text-gray-400 hover:text-text-secondary disabled:opacity-30 disabled:cursor-not-allowed"
+          className="p-1 text-text-tertiary hover:text-text-secondary disabled:opacity-30 disabled:cursor-not-allowed"
           title="Move down"
         >
           <svg
@@ -531,7 +531,7 @@ function LegRow({
         <button
           type="button"
           onClick={onRemove}
-          className="p-1 text-red-400 hover:text-red-600 dark:hover:text-red-300"
+          className="p-1 text-red-400 hover:text-red-300"
           title="Remove leg"
         >
           <svg
@@ -563,7 +563,7 @@ function AddLegDropdown({
       <button
         type="button"
         onClick={() => setOpen(true)}
-        className="flex items-center gap-2 text-sm text-text-link hover:text-blue-700 dark:hover:text-blue-300 font-medium"
+        className="flex items-center gap-2 text-sm text-text-link hover:text-accent-300 font-medium"
       >
         <svg
           className="w-4 h-4"