diff --git a/frontend/src/components/react/DeletePostButton.tsx b/frontend/src/components/react/DeletePostButton.tsx
index 0434bd4..0f85539 100644
--- a/frontend/src/components/react/DeletePostButton.tsx
+++ b/frontend/src/components/react/DeletePostButton.tsx
@@ -60,7 +60,7 @@ export default function DeletePostButton({ slug, title, variant = 'full' }: Prop
       type="button"
       onClick={handleClick}
       disabled={busy}
-      className="btn btn--danger btn--sm"
+      className="btn btn--danger"
     >
       <svg
         xmlns="http://www.w3.org/2000/svg"
diff --git a/frontend/src/components/react/admin/Editor.tsx b/frontend/src/components/react/admin/Editor.tsx
index 20179ed..8a40948 100644
--- a/frontend/src/components/react/admin/Editor.tsx
+++ b/frontend/src/components/react/admin/Editor.tsx
@@ -521,7 +521,7 @@ export default function Editor({ editSlug }: Props) {
             <button
               type="button"
               onClick={() => setVimEnabled(v => !v)}
-              className={`btn btn--sm${vimEnabled ? ' is-active' : ''}`}
+              className={`btn btn--ghost btn--sm${vimEnabled ? ' is-active' : ''}`}
               title={vimEnabled ? 'Vim mode ON' : 'Vim mode OFF'}
             >
               {vimEnabled ? 'VIM' : 'vim'}
@@ -529,7 +529,7 @@ export default function Editor({ editSlug }: Props) {
             <button
               type="button"
               onClick={() => setShowPreview(p => !p)}
-              className={`btn btn--sm${showPreview ? ' is-active' : ''}`}
+              className={`btn btn--ghost btn--sm${showPreview ? ' is-active' : ''}`}
             >
               {showPreview ? 'Hide Preview' : 'Show Preview'}
             </button>
@@ -553,7 +553,7 @@ export default function Editor({ editSlug }: Props) {
               role="tab"
               aria-selected={mobileView === 'edit'}
               onClick={() => setMobileView('edit')}
-              className={`btn btn--sm flex-1${mobileView === 'edit' ? ' is-active' : ''}`}
+              className={`btn btn--ghost btn--sm flex-1${mobileView === 'edit' ? ' is-active' : ''}`}
             >
               Edit
             </button>
@@ -562,7 +562,7 @@ export default function Editor({ editSlug }: Props) {
               role="tab"
               aria-selected={mobileView === 'preview'}
               onClick={() => setMobileView('preview')}
-              className={`btn btn--sm flex-1${mobileView === 'preview' ? ' is-active' : ''}`}
+              className={`btn btn--ghost btn--sm flex-1${mobileView === 'preview' ? ' is-active' : ''}`}
             >
               Preview
             </button>
diff --git a/frontend/src/components/react/admin/Settings.tsx b/frontend/src/components/react/admin/Settings.tsx
index cb63232..fb9cb90 100644
--- a/frontend/src/components/react/admin/Settings.tsx
+++ b/frontend/src/components/react/admin/Settings.tsx
@@ -203,7 +203,7 @@ export default function Settings() {
           <button
             type="button"
             onClick={addContactLink}
-            className="chip chip-accent uppercase"
+            className="btn btn--ghost btn--sm"
           >
             + Add contact link
           </button>
diff --git a/frontend/src/pages/index.astro b/frontend/src/pages/index.astro
index 9866d90..b30d979 100644
--- a/frontend/src/pages/index.astro
+++ b/frontend/src/pages/index.astro
@@ -100,7 +100,7 @@ const isAdmin = Astro.cookies.get('admin_session')?.value === '1';
 							<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
 							New work
 						</a>
-						<AssetsButton client:idle className="btn btn--ghost btn--sm" iconSize={12} />
+						<AssetsButton client:idle className="btn btn--ghost" iconSize={14} />
 						<a href="/admin/messages" class="btn btn--ghost">
 							<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
 							Messages
diff --git a/frontend/src/styles/global.css b/frontend/src/styles/global.css
index bc01371..b7999f1 100644
--- a/frontend/src/styles/global.css
+++ b/frontend/src/styles/global.css
@@ -959,17 +959,17 @@ code, pre, kbd, samp {
   background: var(--mauve);
   color: var(--rosewater);
   border-color: var(--mauve);
-  box-shadow: 0 4px 0 -2px color-mix(in srgb, var(--mauve) 60%, black);
+  box-shadow: 0 4px 0 -2px color-mix(in srgb, var(--mauve) 55%, var(--crust));
 }
 .btn--primary:hover {
   transform: translateY(-1px);
   background: var(--red);
   border-color: var(--red);
-  box-shadow: 0 6px 0 -2px color-mix(in srgb, var(--red) 60%, black);
+  box-shadow: 0 6px 0 -2px color-mix(in srgb, var(--red) 55%, var(--crust));
 }
 .btn--primary:active {
   transform: translateY(1px);
-  box-shadow: 0 1px 0 -1px color-mix(in srgb, var(--mauve) 60%, black);
+  box-shadow: 0 1px 0 -1px color-mix(in srgb, var(--mauve) 55%, var(--crust));
 }
 .btn--ghost {
   color: var(--subtext1);
@@ -983,8 +983,8 @@ code, pre, kbd, samp {
 }
 .btn--danger {
   color: var(--red);
-  border-color: color-mix(in srgb, var(--red) 40%, var(--surface2));
-  background: color-mix(in srgb, var(--surface0) 45%, transparent);
+  border-color: color-mix(in srgb, var(--red) 55%, var(--surface2));
+  background: color-mix(in srgb, var(--red) 12%, transparent);
 }
 .btn--danger:hover {
   color: var(--rosewater);