/* Design tokens: values from design/Chat Screens.dc.html (style spec 2d). */
:root {
  --accent: #2b5fd9;
  --accent-dark: #1b3f96;
  --accent-tint: #e4ecfb;
  --accent-wash: #f1f5fe;
  --accent-ring: #cfdcf8;
  --ink: #161616;
  --muted: #6b6b6b;
  --bg: #ffffff;
  --sidebar: #fafafa;
  --bubble-theirs: #f1f1f1;
  --hairline: #ececec;
  --border: #d4d4d4;
  --field: #f5f5f5;
  --online: #1f9d55;
  --online-text: #1f7a45;
  --danger: #c62828;
  --danger-text: #a31515;
  --danger-bg: #fdecec;
  --warning-bg: #fff4d6;

  /* Phase 10: calls (design/Chat Calls.dc.html) */
  --call-green: #167a42;
  --call-green-ink: #0f4d2a;
  --call-green-tint: #e7f5ec;
  --call-green-line: #bfe3cc;
  --speaking: #3dc47a;
  --warning-line: #f0dca0; /* "permission needed" panel border (design/Chat Settings.dc.html) */
  --disabled-bg: #d9d9d9; /* disabled primary button (design/Chat Settings.dc.html) */
  --stage: #161616; /* video call screen (design/Chat Video Calls.dc.html) */
  --stage-tile: #23262b;

  --av-0: #dbe5fb;
  --av-1: #e4f0e1;
  --av-2: #f3e3d3;
  --av-3: #e9e1f4;
  --av-4: #f6dfe4;
  --av-ink: #1e2a44;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-tail: 4px;
  --radius-full: 999px;

  --font: 'Instrument Sans', system-ui, sans-serif;
}