/* Silverbullet Research no modo claro: fundo branco e roxo de destaque, como na Brevvi (claro é o padrão, 22/10).
   O modo escuro segue a pele "máquina" de tema-80s.css. */
:root[data-site="sbr"][data-theme="claro"] {
  --fundo: #ffffff; --fundo-janela: #f6f6f3; --ponto: #dcdde6;
  --barra: #1b1a24; --barra-texto: #f6f6f3;
  --texto: #17151f; --texto-suave: #4a4856; --borda: #17151f;
  --destaque: #15803d; --destaque-texto: #ffffff; --cor: var(--roxo);
}
.tag-tema { background: none; font: inherit; cursor: pointer; }
.tag-tema:hover, .tag-tema:focus-visible { outline: 2px solid var(--destaque); outline-offset: 2px; }
.site-header nav { flex-wrap: wrap; justify-content: flex-end; }
.tag-tema { padding-inline: .7rem; }
.marca .marca-pixel { flex: none; }
.rodape .marca-pixel { --verde: #34D399; --roxo: #A855F7; --ciano: #67E8F9; --ouro: #FBBF24; --texto: #ffffff; }
/* cor secundária do SBR: verde do guia do logo (22/10), nos botões e nas janelas de abertura; a nebulosa segue roxa como na Brevvi */
:root[data-site="sbr"]:not([data-theme="claro"]) { --destaque: #34d399; --destaque-texto: #07060c; --barra: #34d399; --barra-texto: #07060c; --borda: #34d399; --texto-suave: #a7c4bb; }
/* container da marca (logo + nome): a sombra dura acompanha o verde secundário do SBR, e não o roxo de reserva */
[data-site="sbr"] .marca { box-shadow: 3px 3px 0 var(--verde); }
[data-site="sbr"] .marca:hover, [data-site="sbr"] .marca:focus-visible { box-shadow: 1px 1px 0 var(--verde); }
/* logo no hover: o container vira verde, então o ícone troca para tons claros (claro) ou escuros (escuro) e não some */
[data-site="sbr"] .marca:hover .marca-pixel, [data-site="sbr"] .marca:focus-visible .marca-pixel {
  --verde: #bbf7d0; --ciano: #a5f3fc; --ouro: #fde68a; --roxo: #e9d5ff; --texto: #ffffff; }
:root[data-site="sbr"]:not([data-theme="claro"]) .marca:hover .marca-pixel, :root[data-site="sbr"]:not([data-theme="claro"]) .marca:focus-visible .marca-pixel {
  --verde: #064e3b; --ciano: #164e63; --ouro: #78350f; --roxo: #4c1d95; --texto: #07060c; }
/* nome do produto destacado na descrição: liga o título do box ("CRM agêntico.") ao Copiloto M1d4s de que o texto fala */
.produto { background: color-mix(in srgb, var(--destaque) 20%, transparent); color: inherit; font-weight: 700; padding: 0 .25em; border-bottom: 2px solid var(--destaque); -webkit-box-decoration-break: clone; box-decoration-break: clone; }
/* textos longos (página Sobre): medida de leitura confortável, em vez da coluna estreita do hero */
.hero-texto.texto-longo { max-width: 72ch; width: 100%; }
.hero-texto.texto-longo .sub-hero { max-width: none; margin-bottom: 1rem; }