Custom css inside a post / adding custom classes

@david I put your exact div into a topic, and added this css to a theme component

div[data-theme-bot] {
  color: red;
}

The inspector shows div data-theme-bot (surrounded by < >) but the computed color is var(--primary) html

Do I need to add additional selectors, or change an Admin Setting? Thanks.