:root {
  --bg: #f2f4f8;
  --panel: #ffffff;
  --line: #e2e8f0;
  --muted: #718096;
  --text: #172b4d;
  --blue: #0068ff;
  --green: #16b77a;
  --red: #e8506d;

  --bubble-out: var(--blue);
  --bubble-out-text: #ffffff;
  --bubble-in: #ffffff;
  --bubble-in-text: var(--text);
  --overlay: rgba(15, 23, 42, 0.55);
  --shadow: 0 1px 2px rgba(23, 43, 77, 0.12);
  --shadow-lg: 0 20px 45px rgba(15, 23, 42, 0.25);
  --avatar-colors: #0068ff, #16b77a, #e8506d, #f7b503, #7c5cff, #17a2b8, #fd7e14;
}