fix: scope purple variable and increase hover specificity for group labels

Author: dermatz

src/view/frontend/web/css/toolbar.css

@@ -22,9 +22,9 @@
     --mageforge-color-slate-400: #94a3b8;
     --mageforge-color-orange: #fb923c;
     --mageforge-color-pink: #C850C0;
-    --mageforge-color-purple: #a855f7;
+    --mageforge-toolbar-purple: #a855f7;
     --mageforge-color-amber: #edb04d;
-    --mageforge-group-color-wcag: var(--mageforge-color-purple);
+    --mageforge-group-color-wcag: var(--mageforge-toolbar-purple);
     --mageforge-group-color-html-quality: var(--mageforge-color-blue);
     --mageforge-group-color-performance: var(--mageforge-color-orange);
     --mageforge-color-amber-alpha-15: rgba(237, 176, 77, 0.15);
@@ -409,7 +409,7 @@
     margin-bottom: 4px;
 }
 
-.mageforge-toolbar-menu-group-header:hover .mageforge-toolbar-menu-group-label,
+.mageforge-toolbar-menu-group .mageforge-toolbar-menu-group-header:hover .mageforge-toolbar-menu-group-label,
 .mageforge-toolbar-menu-group-header:hover .mageforge-toolbar-menu-group-chevron {
     color: var(--mageforge-color-white);
 }