/* Watson brand tokens: the one source for Watson colors, radius and font.
   Every Watson service copies these values (see watson-stacks docs/branding.md).
   Change a value here, then bump the brand version there so the other apps follow. */
:root {
  color-scheme: dark;
  --bg: #13112a;            /* page background */
  --surface: #1f1c3b;       /* cards, panels */
  --surface-2: #2a2650;     /* raised bits: chips, icons, hover */
  --text: #f1f0fa;
  --muted: #a9a6c6;         /* secondary text */
  --accent: #7f77dd;        /* Watson purple: buttons, active items */
  --accent-hover: #8f88e6;
  --accent-strong: #a99ff0; /* purple text and links on dark */
  --teal: #8fd3c3;          /* Watson teal: "TV", labels, live/new/up */
  --warn: #f2b56b;          /* status only */
  --down: #f08080;          /* status only */
  --line: rgba(255, 255, 255, .08);
  --radius: 14px;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}