diff --git a/public/assets/app.css b/public/assets/app.css
index 39e866a..73f85f6 100644
--- a/public/assets/app.css
+++ b/public/assets/app.css
@@ -6,15 +6,20 @@
   --color-bg: #f6f8fb;
   --color-surface: #ffffff;
   --color-surface-muted: #eef3f8;
+
   --color-border: #d9e2ec;
+  --color-border-strong: #91a4bb;
+
   --color-text: #122033;
   --color-text-soft: #5b6b7f;
-  --color-accent: #122033;
-  --color-accent-contrast: #ffffff;
-  --color-danger: #b42318;
-  --color-danger-soft: #fef3f2;
+
   --color-success: #146c43;
-  --color-success-soft: #dcfce7;
+  --color-success-bg: #dcfce7;
+  --color-success-border: #b7ebc6;
+
+  --color-danger: #b42318;
+  --color-danger-bg: #fef3f2;
+  --color-danger-border: #f7c5c0;
 
   --shadow-sm: 0 4px 12px rgba(15, 23, 42, 0.05);
   --shadow-md: 0 16px 40px rgba(15, 23, 42, 0.08);
@@ -264,7 +269,7 @@ a {
 .nav-toggle-button:focus-visible,
 .mobile-menu__close:hover,
 .mobile-menu__close:focus-visible {
-  border-color: #c4d1df;
+  border-color: var(--color-border-strong);
   background: var(--color-surface);
 }
 
@@ -383,7 +388,7 @@ a {
 .mobile-menu__nav .nav-items__link:focus-visible,
 .mobile-menu__nav .nav-items__button:hover,
 .mobile-menu__nav .nav-items__button:focus-visible {
-  border-color: #c4d1df;
+  border-color: var(--color-border-strong);
   background: var(--color-surface);
 }
 
@@ -426,14 +431,14 @@ a {
 
 .flash--success {
   color: var(--color-success);
-  background: var(--color-success-soft);
-  border-color: #b7ebc6;
+  background: var(--color-success-bg);
+  border-color: var(--color-success-border);
 }
 
 .flash--error {
   color: var(--color-danger);
-  background: var(--color-danger-soft);
-  border-color: #f7c5c0;
+  background: var(--color-danger-bg);
+  border-color: var(--color-danger-border);
 }
 
 /* =========================================================
@@ -535,14 +540,14 @@ a {
   padding: 0.85rem 1rem;
   border: 1px solid var(--color-border);
   border-radius: var(--radius-md);
-  background: #fff;
+  background: var(--color-surface);
   color: var(--color-text);
   transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
 }
 
 .control:focus {
   outline: none;
-  border-color: #91a4bb;
+  border-color: var(--color-border-strong);
   box-shadow: var(--focus-ring);
 }
 
@@ -570,9 +575,9 @@ textarea.control {
 .button {
   min-height: var(--control-height);
   padding: 0.7rem 1rem;
-  border: 1px solid var(--color-accent);
-  background: var(--color-accent);
-  color: var(--color-accent-contrast);
+  border: 1px solid var(--color-text);
+  background: var(--color-text);
+  color: var(--color-surface);
 }
 
 .button:hover,
@@ -583,7 +588,7 @@ textarea.control {
 .button--ghost,
 .tool-button,
 .media-picker__item {
-  background: #fff;
+  background: var(--color-surface);
   border: 1px solid var(--color-border);
   color: var(--color-text);
 }
@@ -591,7 +596,7 @@ textarea.control {
 .button--danger {
   background: var(--color-danger);
   border-color: var(--color-danger);
-  color: #fff;
+  color: var(--color-surface);
 }
 
 .button--small {
@@ -610,7 +615,7 @@ textarea.control {
 .media-picker__item:hover,
 .media-picker__item:focus-visible {
   outline: none;
-  border-color: #91a4bb;
+  border-color: var(--color-border-strong);
   box-shadow: var(--focus-ring);
 }