:root {
  --bg: #111b21;
  --bg-painel: #202c33;
  --bg-header: #202c33;
  --bg-chat: #0b141a;
  --bg-hover: #2a3942;
  --bg-ativo: #2a3942;
  --bolha-in: #202c33;
  --bolha-out: #005c4b;
  --texto: #e9edef;
  --texto-2: #8696a0;
  --linha: #2f3b43;
  --acento: #00a884;
  --acento-2: #005c4b;
  --erro: #f15c6d;
  --sombra: 0 1px 1px rgba(0, 0, 0, .35);
  --raio: 18px;
  --mono: ui-monospace, SFMono-Regular, Menlo, monospace;
}
[data-tema="claro"] {
  --bg: #ffffff;
  --bg-painel: #f0f2f5;
  --bg-header: #f0f2f5;
  --bg-chat: #efeae2;
  --bg-hover: #f5f6f6;
  --bg-ativo: #f0f2f5;
  --bolha-in: #ffffff;
  --bolha-out: #d9fdd3;
  --texto: #111b21;
  --texto-2: #667781;
  --linha: #e4e6e8;
  --acento: #008069;
  --acento-2: #d9fdd3;
  --erro: #c0392b;
  --sombra: 0 1px .5px rgba(11, 20, 26, .13);
}

* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body {
  font: 15px/1.45 -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  background: #0a1014; color: var(--texto);
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
}
[data-tema="claro"] body { background: #d1d7db; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
input, textarea, select { font: inherit; color: inherit; }
.escondido { display: none !important; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #374248; border-radius: 8px; }
[data-tema="claro"] ::-webkit-scrollbar-thumb { background: #ced0d1; }