/* twenty-one — badge / tag text contrast boost.
 *
 * Twenty renders SELECT-field tags (Stage, Licensing, Incorporation, Hiring status,
 * People chips, …) with a Radix **step-11 text** on a **step-3 background** — its
 * "low-contrast text" pairing. On bright hues (yellow / amber / sky / lime / mint)
 * that text is hard to read, which is what looked washed-out in the Companies list.
 *
 * Twenty's Tag component (twenty-ui .../data-display/Tag/Tag.tsx) exposes each tag's
 * per-hue text color as an inline custom property `--tag-text` on the tag element,
 * and paints it via `.tag { color: var(--tag-text) }`. We keep Twenty's EXACT palette
 * and hue and only push that text toward the theme's contrast extreme — darker in
 * light mode, lighter in dark mode — which approximates Radix **step-12**
 * ("high-contrast text"). One rule per theme, applies to every tag everywhere.
 *
 * `.light` / `.dark` are the theme scope classes Twenty puts on the root element
 * (twenty-ui theme-light.css / theme-dark.css). `[style*="--tag-text"]` targets only
 * tag elements (they alone set that inline var); `!important` + the higher specificity
 * beat the component's own `color: var(--tag-text)` regardless of cascade order.
 *
 * Injected via <link> in index.html (deploy/Dockerfile PATCH 3) — no front rebuild.
 */
.light [style*="--tag-text"] {
  color: color-mix(in oklab, var(--tag-text) 65%, #000) !important;
}

.dark [style*="--tag-text"] {
  color: color-mix(in oklab, var(--tag-text) 70%, #fff) !important;
}