Point color, radius, stroke, focus, and type tokens at the Figma scale so later sections use the same values.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/(app)/profile/_components/ProfilePage.view.tsx

@@ -510,7 +510,8 @@ export function ProfilePageView({
             <Button
               type="button"
               size="medium"
-              buttonType="danger"
+              buttonType="outline"
+              danger
               palette="default"
               onClick={onConfirmDeleteAccount}
               disabled={accountDeleteBusy}
@@ -576,7 +577,7 @@ export function ProfilePageView({
       >
         {emailChangeRequestSent ? (
           <div className="flex flex-col gap-3 pt-2">
-            <div className="relative flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-[var(--color-surface-inverse-brand-primary)]">
+            <div className="relative flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-[var(--color-surface-invert-brand-primary)]">
               <Icon name="mail" size={22} aria-hidden />
             </div>
           </div>