/*
 * Brand tokens, taken from the app rather than invented.
 *
 * These are the hex values actually used in artifacts/webcam-app/src/pages/tv-view.tsx,
 * program-guide.tsx and camera-browser.tsx, measured 2026-09-03. A marketing site that quotes
 * different colours than the product it is selling reads as a different product; matching the
 * TV UI's own palette here means a screenshot dropped into the "how it works" section never
 * clashes with the chrome around it.
 */
:root {
  --bg: #070b12;
  --bg-raised: #0d1420;
  --bg-card: #0e1622;
  --border: #26344c;
  --border-soft: #35507e;

  --text: #eef2f8;
  --text-dim: #cdd9ec;
  --text-mute: #93a0b4;
  --text-faint: #66748a;

  --accent: #2666d9;
  --accent-light: #7fb2ff;
  --accent-pale: #cfe0ff;

  --live: #5dd88a;
  --gold: #f5b04b;

  --radius: 14px;
  --radius-sm: 8px;

  --font-sans:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}