/* #4512: Live app designated accent — the design-system zone-performance blue.
   Confirmed by Design & theme developer (2026-10-18): the live rooms/pages use
   the blue accent + blue-tinted neutrals instead of the Signal pink.
   Loaded after tokens.css so it wins over the canonical root values. */
:root {
  --accent: oklch(78% 0.13 195);
  --accent-2: oklch(70% 0.15 225);
  --accent-3: oklch(82% 0.12 165);
  --on-accent: oklch(16% 0.02 235);
  --bg: oklch(14% 0.014 235);
  --surface: oklch(18% 0.018 235);
  --border: oklch(30% 0.02 235);
}

/* The signalling/playback main sets .zone-diagrams (originally hue 230);
   keep every live room on the same confirmed blue. */
.zone-diagrams {
  --accent: oklch(78% 0.13 195);
  --accent-2: oklch(70% 0.15 225);
  --accent-3: oklch(82% 0.12 165);
  --on-accent: oklch(16% 0.02 235);
}

[data-theme="light"] {
  --accent: oklch(48% 0.13 220);
  --accent-2: oklch(46% 0.14 245);
  --accent-3: oklch(50% 0.12 190);
  --on-accent: oklch(99% 0.004 235);
  --bg: oklch(98.5% 0.004 235);
  --surface: oklch(100% 0 0);
  --border: oklch(90% 0.008 235);
}

[data-theme="light"] .zone-diagrams {
  --accent: oklch(48% 0.13 220);
  --accent-2: oklch(46% 0.14 245);
  --accent-3: oklch(50% 0.12 190);
  --on-accent: oklch(99% 0.004 235);
}