/*
  PORQUE EXISTE: tema padrão — cinza ChatGPT (escuro suave).
  Fundos carvão, texto claro, sem branco ofuscante.
*/
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap");

html[data-tema="pro"],
html:not([data-tema]) {
  color-scheme: dark;
  --fundo-app: #212121;
  --fundo-painel: #212121;
  --fundo-editor: #171717;
  --fundo-caixa: #2f2f2f;
  --fundo-hover: rgba(255, 255, 255, 0.08);
  --fundo-selecao: rgba(255, 255, 255, 0.16);
  --borda: #3e3e3e;
  --borda-forte: #565656;
  --texto: #ececec;
  --texto-fraco: #c5c5c5;
  --texto-apagado: #9b9b9b;
  --destaque: #10a37f;
  --destaque-2: #1a7f64;
  --azul-link: #7eb8ff;
  --ok: #3dd68c;
  --aviso: #e6b84d;
  --erro: #ef6b6b;
  --glass: #2f2f2f;
  --glass-borda: #3e3e3e;
  --glass-borda-fraca: #333;
  --neon: #10a37f;
  --neon-2: #1a7f64;
  --fonte-ui: "IBM Plex Sans", "Segoe UI", sans-serif;
  --fonte-marca: "IBM Plex Sans", sans-serif;
  --fonte-mono: "IBM Plex Mono", Consolas, monospace;
  --raio: 12px;
  --raio-sm: 8px;
}

html[data-tema="pro"] body,
html:not([data-tema]) body {
  background: var(--fundo-app);
  color: var(--texto);
  font-family: var(--fonte-ui);
  letter-spacing: 0;
}

html[data-tema="pro"] body::before,
html[data-tema="pro"] body::after,
html:not([data-tema]) body::before,
html:not([data-tema]) body::after {
  content: none !important;
  display: none !important;
}

html[data-tema="pro"] .sidebar,
html[data-tema="pro"] .editor,
html[data-tema="pro"] .painel-chat,
html:not([data-tema]) .sidebar,
html:not([data-tema]) .editor,
html:not([data-tema]) .painel-chat {
  background: var(--fundo-painel) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  border-color: var(--borda) !important;
}

html[data-tema="pro"] .sidebar,
html:not([data-tema]) .sidebar {
  background: var(--fundo-editor) !important;
}

html[data-tema="pro"] .marca,
html:not([data-tema]) .marca {
  font-family: var(--fonte-marca);
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.02em;
  text-transform: none;
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  color: var(--texto) !important;
}

html[data-tema="pro"] .marca-tag,
html:not([data-tema]) .marca-tag {
  background: var(--fundo-caixa);
  color: var(--texto-fraco);
  border: 1px solid var(--borda);
  box-shadow: none;
}

html[data-tema="pro"] .btn-primario,
html:not([data-tema]) .btn-primario {
  background: var(--destaque);
  color: #fff;
  box-shadow: none;
  font-weight: 700;
}

html[data-tema="pro"] .arvore .no,
html:not([data-tema]) .arvore .no {
  color: var(--texto-fraco);
  font-size: 13px;
}

html[data-tema="pro"] .arvore .no:hover,
html:not([data-tema]) .arvore .no:hover {
  background: var(--fundo-hover);
  color: var(--texto);
}

html[data-tema="pro"] *::-webkit-scrollbar-thumb,
html:not([data-tema]) *::-webkit-scrollbar-thumb {
  background: #4a4a4a;
  box-shadow: none;
}