Keep delete affordances neutral until the confirmation

Row delete buttons, overflow-menu delete items and per-row revoke
buttons painted red in lists, so a list of tokens or shares read as a
wall of alarms. They now sit in the muted tone (foreground on hover)
or as an outline button; the red is kept for the confirmation dialog
that every one of them opens, and for the danger zones, which are a
destructive card-wide action by design.

src/components/settings/api-section.tsx

@@ -579,7 +579,7 @@ function ApiTokensCard() {
                                 <Button
                                   variant="ghost"
                                   size="icon"
-                                  className="text-destructive h-9 w-9"
+                                  className="text-muted-foreground hover:text-foreground h-9 w-9"
                                   aria-label={t("settings.tokenRevokeAction")}
                                 >
                                   <Trash2 className="h-3.5 w-3.5" />
@@ -676,7 +676,7 @@ function ApiTokensCard() {
                         <AlertDialog>
                           <AlertDialogTrigger asChild>
                             <Button
-                              variant="destructive"
+                              variant="outline"
                               size="sm"
                               className="min-h-11 w-full"
                             >

src/components/settings/coach-reminders-section.tsx

@@ -149,7 +149,7 @@ export function CoachRemindersSection({
             slot="coach-reminder-delete"
             variant="ghost"
             size="sm"
-            className="text-muted-foreground hover:text-destructive min-h-9"
+            className="text-muted-foreground hover:text-foreground min-h-9"
             disabled={!isAuthenticated}
             pending={busy}
             ariaLabel={t("settings.ai.coachReminders.deleteAria")}

src/components/settings/mcp-section.tsx

@@ -165,7 +165,7 @@ function McpConnectionsCard() {
                 <AlertDialog>
                   <AlertDialogTrigger asChild>
                     <Button
-                      variant="destructive"
+                      variant="outline"
                       size="sm"
                       className="min-h-11 w-full"
                     >
@@ -506,7 +506,7 @@ function McpTokensCard() {
                     <AlertDialog>
                       <AlertDialogTrigger asChild>
                         <Button
-                          variant="destructive"
+                          variant="outline"
                           size="sm"
                           className="min-h-11 w-full"
                         >

src/components/settings/security-section/passkey-list-section.tsx

@@ -299,7 +299,7 @@ export function PasskeyListSection({
                             type="button"
                             variant="ghost"
                             size="icon"
-                            className="text-destructive min-h-11 min-w-11 sm:h-8 sm:min-h-0 sm:w-8 sm:min-w-0"
+                            className="text-muted-foreground hover:text-foreground min-h-11 min-w-11 sm:h-8 sm:min-h-0 sm:w-8 sm:min-w-0"
                             disabled={remove.isPending}
                             aria-label={t("settings.deletePasskey")}
                           >

src/components/settings/security-section/security-keys-card.tsx

@@ -293,7 +293,7 @@ export function SecurityKeysCard({
                             type="button"
                             variant="ghost"
                             size="icon"
-                            className="text-destructive min-h-11 min-w-11 sm:h-8 sm:min-h-0 sm:w-8 sm:min-w-0"
+                            className="text-muted-foreground hover:text-foreground min-h-11 min-w-11 sm:h-8 sm:min-h-0 sm:w-8 sm:min-w-0"
                             disabled={remove.isPending}
                             aria-label={t("settings.security.keys.remove")}
                           >

src/components/settings/sharing-section.tsx

@@ -242,7 +242,7 @@ function ShareLinksCard() {
                     <AlertDialog>
                       <AlertDialogTrigger asChild>
                         <Button
-                          variant="destructive"
+                          variant="outline"
                           size="sm"
                           className="ml-auto flex min-h-11 w-fit sm:min-h-9"
                         >