:root {
  --font-ui: "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;

  --bg-app: #e7ebf0;
  --bg-sidebar: #ffffff;
  --bg-chat: #7f9cb5;
  --bg-chat-pattern: rgba(255, 255, 255, 0.07);
  --bg-header: #ffffff;
  --bg-compose: #ffffff;
  --bg-input: #ffffff;
  --bg-hover: #f3f4f6;
  --bg-active: #eaf2fb;
  --bg-pinned: #f6f8fb;

  --bubble-in: #ffffff;
  --bubble-out: #eeffde;
  --bubble-meta: #a0acb6;
  --bubble-out-meta: #4fae4e;

  --text-primary: #000000;
  --text-secondary: #707579;
  --text-link: #3390ec;
  --text-on-accent: #ffffff;

  --accent: #3390ec;
  --accent-soft: #e3f1fd;
  --border: #dfe1e5;
  --unread: #3390ec;
  --danger: #e53935;

  --name-0: #c4515d;
  --name-1: #3390ec;
  --name-2: #35a06e;
  --name-3: #d48b1f;
  --name-4: #8b6bc7;

  --scrollbar-thumb: rgba(0, 0, 0, 0.22);
  --scrollbar-thumb-hover: rgba(0, 0, 0, 0.34);
  --scrollbar-thumb-light: rgba(255, 255, 255, 0.32);
  --scrollbar-thumb-light-hover: rgba(255, 255, 255, 0.5);

  --radius-bubble: 12px;
  --sidebar-width: 340px;
  --sidebar-rail-width: 68px;
  --header-height: 56px;
  --compose-min-height: 52px;

  --shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.08);
}