/* ═══ O ESCURO DAS PÁGINAS DE AFILIADO, e por que é uma FOLHA À PARTE (01/08/2026) ═══════════
🚨 ESTE ARQUIVO SÓ FUNCIONA SE FOR CARREGADO **DEPOIS** DO /brand/sonar-shell.css. É a única
razão de ele existir separado do `seja-parceiro.css` — não é organização, é ordem de cascata.
Os dois (o programa e a ficha) têm de manter a sequência: página → shell → este.
O escuro estava QUEBRADO: fundo azul-ardósia às faixas, e parágrafos quase invisíveis.
A causa não era esta página; era um choque de NOMES. O /brand/sonar-shell.css redefine, no
`html.sv-dark`, tokens com os mesmos nomes que os daqui e com SIGNIFICADO DIFERENTE:
· `--bg` lá é #34405b (o azul das telas do usuário), aqui é o quase-preto da home;
· `--muted` lá é #2f3a54, uma cor de FUNDO; aqui é a cor do TEXTO de apoio.
Como ele é o último do , ganhava por vir depois: os parágrafos ficavam a escrever
#2f3a54 sobre #34405b, ou seja, tinta escura sobre fundo escuro. Não era contraste ruim, era
texto que não se lia.
🔑 A correção é de ORDEM, não de cor: os tokens da página vêm DEPOIS do shell e voltam a
ganhar. O shell continua a valer para o que é dele (a barra, o botão), e o claro não muda.
🪤 Se alguém juntar este arquivo ao `seja-parceiro.css`, ou puser o dele ANTES do
shell, o escuro quebra outra vez, do mesmo jeito e sem erro nenhum a apitar. Há teste que
falha nas duas páginas se a ordem trocar.
═════════════════════════════════════════════════════════════════════════════════════════ */
html.sv-dark {
--bg: #161617;
--bg-alt: #1d1d1f;
--ink: #f5f5f7;
--muted: #98989d;
--faint: rgba(255,255,255,.05);
--rule: rgba(255,255,255,.12);
--accent: #2997ff;
--erro: #ff6b6b;
--ok: #4ade80;
--linkedin:#3f9ae5;
}
/* ── O sol/lua do shell, encaixado NESTA barra ────────────────────────────────────────────────
Esta página tem topo próprio (`.topo`), não o `.sv-header` do shell, então o botão nasce
flutuante: `position: fixed; top: 14px; right: 16px`. Medido em Chrome a 500px de largura:
assim ele caía POR CIMA do "Já sou parceiro". Aqui ele é alinhado com a barra e a barra abre
espaço para ele, e ainda passa a usar a tinta da página em vez do azul das telas do usuário.
🪤 Tem de ficar DEPOIS do link do shell, como os tokens acima, senão perde a queda de braço. */
.topo { padding-right: calc(var(--pad-x) + 3.25rem); }
.sv-theme-btn-float {
top: 1rem; right: var(--pad-x); width: 2.25rem; height: 2.25rem;
background: transparent; border-color: var(--rule); color: var(--muted); box-shadow: none;
}
.sv-theme-btn-float:hover { color: var(--ink); border-color: var(--ink); background: var(--faint); }