update header to use brand guidelines and make dark mode hover state slightly less maximalist (#432)

Author: juecd

style.css

@@ -33,11 +33,11 @@ kbd {
    renders the group title as .sidebar-group-header (the old #sidebar-title id
    no longer exists), and the inner h3 inherits font/size/color from it. */
 #navigation-items .sidebar-group-header {
+  font-weight: 300 !important; /* Inter Light */
   font-size: 11px !important;
-  font-weight: 400 !important;
-  letter-spacing: 0.09em;
-  color: #60646c !important;
+  
 }
+
 html.dark #navigation-items .sidebar-group-header {
   color: rgba(237, 238, 240, 0.55) !important;
 }
@@ -49,6 +49,7 @@ html.dark #navigation-items .sidebar-group-header {
   padding-top: 1rem;
   border-top: 1px solid rgba(33, 34, 37, 0.1);
 }
+
 html.dark #navigation-items div[class*="mt-"] > .sidebar-group-header {
   border-top-color: rgba(237, 238, 240, 0.1);
 }
@@ -243,3 +244,7 @@ html.dark .callout[class*="yellow"] {
 html.dark .callout[class*="yellow"] svg {
   color: #CAB168 !important;
 }
+
+.dark .card:hover {
+  border-color: rgb(223 223 223) !important;
+}