diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index 6037e1b..5ecf371 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -3,6 +3,8 @@
    Light/dark/system themes via `data-theme` on <html>.
    ========================================================================= */
 
+@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,500;0,8..60,600;0,8..60,700;1,8..60,400;1,8..60,500;1,8..60,600;1,8..60,700&display=swap');
+
 :root,
 :root[data-theme='light'] {
   --bg: #f6f4f0;
@@ -353,8 +355,6 @@ html[data-theme='impeccable-dark'] .sidebar {
    Fonts: Source Serif 4 for body, Cormorant Garamond for headings.
    Sidebar: Deep (darker background). Workspace: Deep Space (dramatic vignette). */
 
-@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,500;0,8..60,600;0,8..60,700;1,8..60,400;1,8..60,500;1,8..60,600;1,8..60,700&display=swap');
-
 :root[data-theme='cosmic'] {
   /* Stardust dark mode colors */
   --bg: #171109;
@@ -365,19 +365,19 @@ html[data-theme='impeccable-dark'] .sidebar {
   --border-strong: #3d3220;
   --text: #fff5dc;
   --text-muted: #d5bd8d;
-  --primary: #efbd62;
-  --primary-hover: #ffdb91;
-  --primary-soft: rgba(239, 189, 98, 0.15);
+  --primary: #f3b407;
+  --primary-hover: #ffc933;
+  --primary-soft: rgba(243, 180, 7, 0.15);
   --on-primary: #171109;
-  --danger: #f08e7d;
-  --danger-soft: rgba(240, 142, 125, 0.15);
-  --warning: #f08e7d;
-  --warning-soft: rgba(240, 142, 125, 0.15);
-  --success: #74d7cb;
-  --success-soft: rgba(116, 215, 203, 0.15);
-  --info: #74d7cb;
-  --info-soft: rgba(116, 215, 203, 0.15);
-  --focus: #efbd62;
+  --danger: #f3b407;
+  --danger-soft: rgba(243, 180, 7, 0.15);
+  --warning: #f3b407;
+  --warning-soft: rgba(243, 180, 7, 0.15);
+  --success: #87e6fb;
+  --success-soft: rgba(135, 230, 251, 0.15);
+  --info: #87e6fb;
+  --info-soft: rgba(135, 230, 251, 0.15);
+  --focus: #f3b407;
   --shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
   --shadow-modal: 0 12px 40px rgba(0, 0, 0, 0.6);
   --radius: 8px;
@@ -403,17 +403,17 @@ html[data-theme='cosmic'] h4 {
 
 html[data-theme='cosmic'] h1 {
   font-size: 28px;
-  color: #efbd62;
+  color: #f3b407;
 }
 
 html[data-theme='cosmic'] h2 {
   font-size: 20px;
-  color: #74d7cb;
+  color: #87e6fb;
 }
 
 html[data-theme='cosmic'] h3 {
   font-size: 18px;
-  color: #f08e7d;
+  color: #f3b407;
 }
 
 /* Cosmic sidebar - Deep background (darker) */
@@ -422,15 +422,13 @@ html[data-theme='cosmic'] .sidebar {
   border-right-color: var(--border);
 }
 
+html[data-theme='cosmic'] .sidebar-logo img {
+  filter: invert(1);
+}
+
 /* Cosmic workspace - Deep Space background with vignette effect */
 html[data-theme='cosmic'] .app-shell {
   background:
-    radial-gradient(circle at 8% 13%, rgba(255, 245, 220, 0.72) 0 1px, transparent 1.7px),
-    radial-gradient(circle at 27% 7%, rgba(116, 215, 203, 0.82) 0 1px, transparent 1.8px),
-    radial-gradient(circle at 73% 19%, rgba(255, 245, 220, 0.68) 0 1.2px, transparent 1.9px),
-    radial-gradient(circle at 91% 42%, rgba(240, 142, 125, 0.78) 0 1px, transparent 1.8px),
-    radial-gradient(circle at 61% 78%, rgba(255, 245, 220, 0.64) 0 1px, transparent 1.7px),
-    radial-gradient(circle at 18% 84%, rgba(239, 189, 98, 0.82) 0 1.2px, transparent 2px),
     radial-gradient(circle at 12% 4%, rgba(239, 189, 98, 0.52), transparent 58rem),
     radial-gradient(circle at 88% 12%, rgba(116, 215, 203, 0.42), transparent 46rem),
     radial-gradient(circle at 52% 100%, rgba(240, 142, 125, 0.36), transparent 50rem),