/**
 * Product CTA / primary accent — aligned with Masai '25 Figma
 * (file `7nY61olHwl558u8X1aczdE`, Floating CTA node `18069:3071`: fill `#ED0331`;
 * variable `Masai Red` `#D71920` used for hover).
 *
 * Change ONLY the two RGB triples below (space-separated, no commas). Tailwind
 * `bg-cta`, `text-primary`, tiles, toasts, and static HTML read `--brand-cta-*`.
 */
:root {
  --brand-cta-rgb: 237 3 49;
  --brand-cta-hover-rgb: 215 25 32;

  --brand-cta: rgb(var(--brand-cta-rgb) / 1);
  --brand-cta-hover: rgb(var(--brand-cta-hover-rgb) / 1);

  /* Default “speaking” tile ring; JS may override per tile */
  --tile-audio-color: var(--brand-cta);
  --tile-audio-color-rgb: var(--brand-cta-rgb);
}