034: enlarge sidebar banner and align navy with banner color

- Sidebar background changed from #16213e to #1a2744 to match the
  navy in spectra_dashboard_banner.png — eliminates the visible seam
  at the bottom of the banner.
- Logo height bumped from 6/7rem to 9/11rem so it reads as a proper
  header banner instead of a small inset image.

Author: angelovstanton

docs/_sass/color_schemes/spectra.scss

@@ -19,7 +19,9 @@ $spectra-text:        #2a2f45;
 $spectra-code-bg:     #efe9d8;
 
 // --- Sidebar / Navigation ---
-$sidebar-color:               $spectra-navy;
+// Use the lighter navy that matches the dashboard banner background
+// so the banner sits flush in the sidebar with no visible seam.
+$sidebar-color:               $spectra-navy-light;
 $nav-width:                   17.5rem;
 $nav-link-color:              rgba(255, 255, 255, 0.92);
 $nav-child-link-color:        rgba(255, 255, 255, 0.78);

docs/_sass/custom/custom.scss

@@ -29,10 +29,11 @@
   }
 
   // The logo itself (Just the Docs renders it as a background image
-  // on .site-logo). Force it to display as a block-level image.
+  // on .site-logo). Force it to display as a block-level image and
+  // bleed full-width so the banner reads as a proper header.
   .site-logo {
     width: 100%;
-    height: 6rem;            // ~96px tall — readable but not huge
+    height: 9rem;
     background-size: contain;
     background-position: center center;
     background-repeat: no-repeat;
@@ -48,6 +49,6 @@
 // Larger sidebar logo on bigger screens
 @media (min-width: 50rem) {
   .side-bar .site-logo {
-    height: 7rem;
+    height: 11rem;
   }
 }