Issue #3435989:Adjust block title styles for collapsed state according designs

Closes #3435989

css/components/toolbar-block.css

@@ -47,7 +47,7 @@
   font-family: inherit;
   font-size: var(--admin-toolbar-font-size-label-xs);
   line-height: var(--admin-toolbar-line-height-label-xs);
-  font-variation-settings: "wght" 600;
+  font-variation-settings: "wght" 500;
 }
 
 html:not([data-admin-toolbar="expanded"]) .toolbar-block__title,
@@ -56,25 +56,12 @@ html[data-admin-toolbar-animating][data-admin-toolbar="expanded"] .toolbar-block
   align-items: center;
   justify-content: center;
   padding: 0;
-  cursor: help;
-  /* todo: set variable */
-  color: #7b828f;
+  color: var(--admin-toolbar-color-gray-600);
   font-size: 0;
   block-size: calc(2.5 * var(--admin-toolbar-rem));
   inline-size: calc(2.5 * var(--admin-toolbar-rem));
 }
 
-:is(html:not([data-admin-toolbar="expanded"]) .toolbar-block__title, html[data-admin-toolbar-animating][data-admin-toolbar="expanded"] .toolbar-block__title):hover {
-  /* todo: set variable */
-  color: #0041b1;
-  border-radius: var(--admin-toolbar-space-8);
-  /* todo: set variable */
-  outline: 2px solid #94bbff;
-  outline-offset: var(--toolbar-button-outline-offset);
-  /* todo: set variable */
-  background: #f8f9fc;
-}
-
 :is(html:not([data-admin-toolbar="expanded"]) .toolbar-block__title, html[data-admin-toolbar-animating][data-admin-toolbar="expanded"] .toolbar-block__title)::before {
   position: absolute;
   display: block;