/*
 * MARCA PUSHNEWS no site pushvende.com. O bloco entre as marcas é uma cópia de
 * pushnews/pushvende · packages/marca-pushnews/marca.css, escrita pelo
 * sincronizador dessa pasta — não se edita aqui. Carrega-se ANTES de pv.css,
 * que traduz os nomes do site para os papéis da marca.
 */
/* marca-pushnews:inicio · sha256:a22f830ede03745d · gerado de pushnews/pushvende packages/marca-pushnews/marca.css — não editar à mão */
/*
 * MARCA PUSHNEWS — tokens canónicos de tudo o que é Pushnews / PushVende.
 *
 * Fonte única: pushnews/pushvende · packages/marca-pushnews/marca.css
 * Decisão do dono (2026-10-07): o design canónico da família Pushnews é o da
 * página «Comparativo Pushnews/Insider» — Poppins, preto e branco editorial,
 * amarelo e azul da paleta Pushnews, logo Pushnews. Substitui, para esta
 * família, o brandbook da Agentic Company.
 *
 * Os outros repositórios recebem uma CÓPIA deste ficheiro entre as marcas
 * «marca-pushnews:inicio» e «marca-pushnews:fim», escrita por
 * «node packages/marca-pushnews/sincronizar.mjs». Não se edita a cópia à mão:
 * muda-se aqui e sincroniza-se. «sincronizar.mjs --verificar» acusa deriva.
 * (Sem crases neste ficheiro: ele é embutido em geradores TypeScript, e uma
 * crase fecharia o template literal que o leva.)
 *
 * Regras que os valores abaixo já respeitam (e que a bancada mede):
 *  - texto normal com contraste ≥ 4,5:1 sobre o fundo do seu tema;
 *  - o amarelo NUNCA é cor de texto sobre fundo claro (≈1,6:1) — é preenchimento,
 *    borda, sublinhado e a sombra deslocada do cartão de destaque;
 *  - o azul da paleta (#3a86ff) só serve números grandes; texto pequeno azul usa
 *    --pn-azul-texto (#2768c3), que passa AA sobre branco;
 *  - cada token de cor tem valor nos DOIS temas.
 *
 * Tema escuro: classe «dark» no <html> OU atributo data-theme="dark".
 * Omissão: claro em produção.
 */

:root {
  /* ── Paleta Pushnews: igual nos dois temas ─────────────────────────────── */
  --pn-preto: #050505;
  --pn-tinta: #151515;
  --pn-branco: #ffffff;
  --pn-azul: #3a86ff;
  --pn-azul-texto: #2768c3;
  --pn-roxo: #8338ec;
  --pn-verde: #66cb01;
  --pn-magenta: #ff006e;
  --pn-laranja: #fb5607;
  --pn-amarelo: #ffbe0b;

  /* ── Letra ─────────────────────────────────────────────────────────────── */
  --letra: "Poppins", Arial, sans-serif;
  --letra-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --t-corpo: 1rem;
  --t-linha: 1.65;
  --t-h1: clamp(2.6rem, 5vw, 4.25rem);
  --t-h1-linha: 1.04;
  --t-h1-espaco: -0.06em;
  --t-h2: clamp(1.65rem, 3vw, 2.5rem);
  --t-h2-linha: 1.16;
  --t-h2-espaco: -0.045em;
  --t-rotulo: 0.72rem;
  --t-rotulo-espaco: 0.14em;

  /* ── Forma ─────────────────────────────────────────────────────────────── */
  --raio: 3px;
  --raio-pilula: 999px;
  --largura: 1160px;

  /* ── Papéis (tema CLARO) ───────────────────────────────────────────────── */
  --fundo: #ffffff;
  --fundo-alt: #f7f7f7;
  --superficie: #ffffff;
  --superficie-2: #f7f7f7;
  --borda: #dedede;
  --borda-forte: #cfcfcf;
  --texto: #151515;
  --texto-suave: #626262;
  --texto-fraco: #6b6b6b;
  /* O rótulo de secção (eyebrow com traço) é azul sobre claro e amarelo sobre
     escuro. Maiúsculas pequenas a 800 têm pouca tinta por letra: os rótulos
     exigem 7:1 (AAA), não 4,5 — regra medida na consola desde 2026-08. Por isso
     o azul do rótulo é mais fundo do que o #3a86ff da referência. */
  --rotulo: #1a4fa0;
  /* As legendas pequenas em maiúsculas (cabeçalhos de tabela, «gasto do mês»)
     são cinzento-escuras, como os cabeçalhos de tabela da referência. */
  --rotulo-neutro: #4d4d4d;
  --link: #2768c3;
  --numero: #3a86ff;

  /* O botão principal é PRETO; o amarelo é o acento, não o botão. */
  --primario: #050505;
  --sobre-primario: #ffffff;
  --brand: #ffbe0b;
  --brand-forte: #765500;
  --sobre-brand: #050505;

  /* Blocos invertidos (topo da página, cabeçalho de fase): sempre escuros. */
  --superficie-escura: #111111;
  --sobre-escura: #ffffff;
  --sobre-escura-suave: #d0d0d0;

  --validado: #37680a;
  --alerta: #a33131;
  /* Fundo de um botão destrutivo («parar», «apagar»). Não é o token alerta, que é
     cor de LETRA, e no escuro é claro de mais para levar letra branca. */
  --perigo: #a33131;
  --sobre-perigo: #ffffff;
  --aviso: #8a5c00;
  --aviso-fundo: #fff8e7;
  --aviso-texto: #514518;

  --chip-azul-fundo: #edf4ff;
  --chip-azul-texto: #2454a6;
  --chip-verde-fundo: #e8f6dc;
  --chip-verde-texto: #37680a;
  --chip-amarelo-fundo: #fff2cc;
  --chip-amarelo-texto: #765500;
  --chip-roxo-fundo: #f0e9ff;
  --chip-roxo-texto: #5d35a1;
  --chip-vermelho-fundo: #f2e3e3;
  --chip-vermelho-texto: #873838;

  --sombra: 0 18px 48px rgba(0, 0, 0, 0.09);
  --sombra-destaque: 12px 12px 0 var(--pn-amarelo);
}

:root.dark,
:root[data-theme="dark"] {
  /* ── Papéis (tema ESCURO) ──────────────────────────────────────────────── */
  --fundo: #050505;
  --fundo-alt: #0d0d0d;
  --superficie: #111111;
  --superficie-2: #1a1a1a;
  --borda: #2a2a2a;
  --borda-forte: #3a3a3a;
  --texto: #f5f5f5;
  --texto-suave: #b4b4b4;
  --texto-fraco: #9a9a9a;
  --rotulo: #ffbe0b;
  --rotulo-neutro: #c4c4c4;
  --link: #79a9ff;
  --numero: #79a9ff;

  --primario: #ffffff;
  --sobre-primario: #050505;
  --brand: #ffbe0b;
  --brand-forte: #ffbe0b;
  --sobre-brand: #050505;

  --superficie-escura: #1a1a1a;
  --sobre-escura: #ffffff;
  --sobre-escura-suave: #d0d0d0;

  --validado: #8fdc3a;
  --alerta: #ff7a7a;
  --perigo: #c43a3a;
  --sobre-perigo: #ffffff;
  --aviso: #ffbe0b;
  --aviso-fundo: #1f1904;
  --aviso-texto: #f3dc9a;

  --chip-azul-fundo: #0f2140;
  --chip-azul-texto: #a8c8ff;
  --chip-verde-fundo: #16260a;
  --chip-verde-texto: #a6e06a;
  --chip-amarelo-fundo: #2b2103;
  --chip-amarelo-texto: #ffd25c;
  --chip-roxo-fundo: #21143a;
  --chip-roxo-texto: #c9adff;
  --chip-vermelho-fundo: #2e1414;
  --chip-vermelho-texto: #ffa3a3;

  --sombra: 0 18px 48px rgba(0, 0, 0, 0.5);
  --sombra-destaque: 12px 12px 0 var(--pn-amarelo);
}
/* marca-pushnews:fim */