> Even the very idea of separating content and style seems problematic to me When I try to "separate" CSS, I always end up creating utility classes (so kind of

> Even the very idea of separating content and style seems problematic to me When I try to "separate" CSS, I always end up creating utility classes (so kind of like Tailwind). Currently, I like to use a combination of utility classes (e.g. class="text-bold") and high-level class modifiers (like a ".pricing" wrapper, and then I can modify everything inside the pricing section like spacing, font sizes, colors). .pricing h2 { color: var(--color-tertiary); } I think this makes more sense than adding "color-tertiary" class to each h2, because if I want to change the color, I would have to modify it in all the h2 tags. I would use "text-bold" if there is a one-time instance where I want the text to be emphasized. If there can be a rule extracted (e.g. make every first word bold), I would use CSS selectors/classes to modify all those instances.