client/src/App.css

@@ -36,6 +36,14 @@
   color: var(--primary-light);
 }
 
+/* Custom logo image sizing */
+.brand-logo {
+  height: 2.5rem;
+  width: auto;
+  object-fit: contain;
+  display: block;
+}
+
 .brand-icon {
   display: flex;
   align-items: center;
@@ -47,9 +55,10 @@
   box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
 }
 
+/* Title gradient: medium-dark gold → rusty dark red-gold */
 .brand-text {
   letter-spacing: -0.025em;
-  background: linear-gradient(135deg, var(--primary-light) 0%, var(--accent) 100%);
+  background: linear-gradient(135deg, #c9940a 0%, #b5620a 50%, #8b2500 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
@@ -99,6 +108,10 @@
     font-size: 1.25rem;
   }
   
+  .brand-logo {
+    height: 2rem;
+  }
+
   .brand-icon {
     width: 2rem;
     height: 2rem;
@@ -115,4 +128,4 @@
   .nav-link {
     padding: 0.625rem;
   }
-}
+}