/**
 * Word category chips, Title Workshop.
 *
 * These were eight inline colour pairs in WordGrammer.jsx, seven of them stock
 * Bootstrap defaults rather than anything of ours, and SEVEN OF THE EIGHT
 * failed contrast for body text. The worst were 1.47 and 1.65: yellow on pale
 * yellow and cyan on pale cyan, effectively unreadable. On a paid tool where
 * the colour IS the information, since it tells a creator which words are
 * carrying their title.
 *
 * Nobody chose 1.47. That is simply what you get when a component picks its
 * own colours instead of drawing on a palette, which is the argument for
 * tokenising the estate rather than a brand tidiness exercise.
 *
 * Every value here is an estate anchor already: the score palette, the brand
 * purple, the workflow blue, the house muted. No new hues. Text sits on an 8%
 * tint of itself and every pair clears 4.5, worst 4.57.
 *
 * Colour is not the only signal: each chip carries its category name beneath
 * it, so the set stays readable in greyscale and to anyone who cannot separate
 * the two closest hues.
 *
 * One deliberate choice worth keeping. NEGATIVE IS BLUE, NOT RED. Negative
 * words are not bad words in a title, they are often the ones that work, so
 * colouring them as a warning would have the tool quietly argue against its
 * own advice. These are categories, not verdicts.
 */
.ts-word-chip {
  --ts-word-ink: var(--ts-color-muted, #6b6880);
  --ts-word-chip-bg: #f3f3f5;
  color: var(--ts-word-ink);
  background-color: var(--ts-word-chip-bg);
}

.ts-word-chip--power     { --ts-word-ink: #b42318; --ts-word-chip-bg: #f9eded; }
.ts-word-chip--emotional { --ts-word-ink: #c2410c; --ts-word-chip-bg: #faf0ec; }
.ts-word-chip--positive  { --ts-word-ink: #1b7a3e; --ts-word-chip-bg: #edf4f0; }
.ts-word-chip--negative  { --ts-word-ink: #1f5f9b; --ts-word-chip-bg: #edf2f7; }
.ts-word-chip--numbers   { --ts-word-ink: #9a6207; --ts-word-chip-bg: #f7f2eb; }
.ts-word-chip--trigger   { --ts-word-ink: #672c72; --ts-word-chip-bg: #f3eef4; }
.ts-word-chip--uncommon  { --ts-word-ink: #4f7a12; --ts-word-chip-bg: #f1f4ec; }
.ts-word-chip--common    { --ts-word-ink: #6b6880; --ts-word-chip-bg: #f3f3f5; }