/* StreamTV terminal theme, shared by the TV and the phone. The accent color
   comes from <html data-accent="…">; everything else is derived from it. */
:root,
[data-accent="green"] { --fg: #39ff6a; }
[data-accent="amber"] { --fg: #ffb000; }
[data-accent="cyan"] { --fg: #00e5ff; }
[data-accent="white"] { --fg: #e8e8e8; }

:root {
  --bg: #050605;
  --panel: #0b0d0b;
  --dim: color-mix(in srgb, var(--fg) 55%, #000);
  --faint: color-mix(in srgb, var(--fg) 22%, #000);
  --line: color-mix(in srgb, var(--fg) 30%, #000);
  --text: color-mix(in srgb, var(--fg) 25%, #e6e6e6);
  --live: #ff4d4d;
  --warn: #ff6b5e;
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }

/* Chat lines, used by both the TV overlay and the phone chat: the usual
   Twitch/Kick look (badge icons, bold colored name, plain text). */
.msg { color: #fff; }
.msg .name { font-weight: 700; }
.msg .reply { opacity: 0.6; font-size: 0.8em; }
.msg.system { color: #adadb8; font-style: italic; }
.chat-badge { width: 1.15em; height: 1.15em; margin-right: 0.25em; vertical-align: -0.2em; border-radius: 0.15em; }