UI polish: Illuminated Transcript design language

- Fraunces serif for headings and assistant identity label
- Chat bubbles flipped: assistant responses elevated (card + left indigo
  accent + shadow), user prompts ghosted (transparent bg, muted text)
- AppLogo: book fill changed from text-color to indigo in light mode
- AppHeader: border-bottom removed; active nav uses underline accent
- NoteCard/TaskCard: border replaced with whisper indigo-tint shadow
- HomeView: dashboard-response uses left accent; progress bars indigo;
  empty-state decorative marker; project cards use shadow depth
- NotesListView: btn-new/btn-cta use indigo gradient + glow
- All primary CTA buttons: indigo gradient (135deg #6366f1 → #4f46e5)
  with box-shadow glow on hover
- Dark palette: navy (#1a1a2e family) → slate-indigo (#111113 family)
- Scrollbars: thin 4px indigo-tinted

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/src/views/HomeView.vue

@@ -523,6 +523,7 @@ function clearDashboardResponse() {
 .quick-action-chip:hover:not(:disabled) {
   border-color: var(--color-primary);
   color: var(--color-primary);
+  background: color-mix(in srgb, var(--color-primary) 8%, transparent);
 }
 .quick-action-chip:disabled { opacity: 0.4; cursor: default; }
 
@@ -530,9 +531,10 @@ function clearDashboardResponse() {
 .dashboard-response {
   margin-bottom: 1.5rem;
   padding: 0.75rem 1rem;
-  background: var(--color-bg-secondary);
-  border: 1px solid var(--color-border);
+  background: var(--color-bg-card);
+  border-left: 2px solid var(--color-primary);
   border-radius: var(--radius-md);
+  box-shadow: var(--color-bubble-asst-shadow);
 }
 .dashboard-response-query {
   font-size: 0.8rem;
@@ -579,7 +581,6 @@ function clearDashboardResponse() {
   gap: 0.75rem;
   margin-top: 0.75rem;
   padding-top: 0.5rem;
-  border-top: 1px solid var(--color-border);
 }
 .btn-open-chat {
   font-size: 0.85rem;
@@ -589,13 +590,18 @@ function clearDashboardResponse() {
 }
 .btn-open-chat:hover { text-decoration: underline; }
 .btn-open-chat.prominent {
-  background: var(--color-primary);
+  background: linear-gradient(135deg, #6366f1, #4f46e5);
   color: #fff;
   padding: 0.35rem 0.85rem;
   border-radius: var(--radius-sm);
   font-size: 0.9rem;
+  box-shadow: 0 1px 6px rgba(99, 102, 241, 0.25);
+}
+.btn-open-chat.prominent:hover {
+  text-decoration: none;
+  box-shadow: 0 3px 12px rgba(99, 102, 241, 0.45);
+  filter: brightness(1.08);
 }
-.btn-open-chat.prominent:hover { text-decoration: none; opacity: 0.9; }
 .btn-clear-response {
   font-size: 0.8rem;
   color: var(--color-text-muted);
@@ -680,15 +686,15 @@ function clearDashboardResponse() {
 .project-mini-card {
   display: block;
   padding: 0.75rem;
-  border: 1px solid var(--color-border);
   border-radius: var(--radius-md);
   background: var(--color-bg-card);
   text-decoration: none;
   color: inherit;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(99, 102, 241, 0.06);
   transition: box-shadow 0.15s;
 }
 .project-mini-card:hover {
-  box-shadow: 0 2px 8px var(--color-shadow);
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10), 0 0 0 1px rgba(99, 102, 241, 0.14);
 }
 .project-mini-title {
   font-size: 0.9rem;
@@ -723,6 +729,7 @@ function clearDashboardResponse() {
 .ms-fill {
   height: 100%;
   border-radius: 999px;
+  background: var(--color-primary);
   transition: width 0.3s;
 }
 .ms-pct {
@@ -743,17 +750,30 @@ function clearDashboardResponse() {
 
 .loading { color: var(--color-text-secondary); }
 .empty-state { text-align: center; padding: 1.5rem 0; }
+.empty-state::before {
+  content: "✦";
+  display: block;
+  font-size: 1.2rem;
+  color: var(--color-primary);
+  opacity: 0.4;
+  margin-bottom: 0.4rem;
+}
 .empty-text { color: var(--color-text-muted); margin: 0 0 0.75rem; }
 .btn-cta {
   display: inline-block;
   padding: 0.45rem 1rem;
-  background: var(--color-primary);
+  background: linear-gradient(135deg, #6366f1, #4f46e5);
   color: #fff;
   border: none;
   border-radius: var(--radius-sm);
   text-decoration: none;
   font-size: 0.9rem;
   cursor: pointer;
+  box-shadow: 0 1px 6px rgba(99, 102, 241, 0.25);
+}
+.btn-cta:hover {
+  box-shadow: 0 3px 12px rgba(99, 102, 241, 0.45);
+  filter: brightness(1.08);
 }
 
 /* Mobile */

frontend/src/views/NotesListView.vue

@@ -201,11 +201,16 @@ function onOffsetUpdate(offset: number) {
 }
 .btn-new {
   padding: 0.45rem 1rem;
-  background: var(--color-primary);
+  background: linear-gradient(135deg, #6366f1, #4f46e5);
   color: #fff;
   border-radius: var(--radius-sm);
   text-decoration: none;
   font-size: 0.9rem;
+  box-shadow: 0 1px 6px rgba(99, 102, 241, 0.25);
+}
+.btn-new:hover {
+  box-shadow: 0 3px 12px rgba(99, 102, 241, 0.45);
+  filter: brightness(1.08);
 }
 .controls {
   display: flex;
@@ -312,11 +317,16 @@ function onOffsetUpdate(offset: number) {
 .btn-cta {
   display: inline-block;
   padding: 0.45rem 1rem;
-  background: var(--color-primary);
+  background: linear-gradient(135deg, #6366f1, #4f46e5);
   color: #fff;
   border-radius: var(--radius-sm);
   text-decoration: none;
   font-size: 0.9rem;
+  box-shadow: 0 1px 6px rgba(99, 102, 241, 0.25);
+}
+.btn-cta:hover {
+  box-shadow: 0 3px 12px rgba(99, 102, 241, 0.45);
+  filter: brightness(1.08);
 }
 
 .kb-active-item {