update css pseudo slector colors

lua/paper-tonic-modern/groups/semantic.lua

@@ -21,7 +21,13 @@ return {
   ['@CssIdSelector'] = 'SpecialChar',
   
   -- Pseudo-class selectors (:hover, :focus, etc.)
-  ['@cssPseudoClass'] = { fg = c.c2_weak },
+  -- Uses bold primary_strong (brownish-red) to distinguish from green class/ID selectors
+  -- These are behavioral modifiers, not structural selectors
+  ['@cssPseudoClass'] = { fg = c.primary_strong, bold = true },
+  
+  -- Pseudo-element selectors (::before, ::after, etc.)
+  -- Similar to pseudo-classes but for virtual elements
+  ['@cssPseudoElement'] = { fg = c.primary_strong, bold = true },
   
   -- Nesting selector (& in SCSS/modern CSS)
   ['@cssNestingSelector'] = { fg = c.c2_strong },