/*
 * Tokens da landing do Produto 2 — extraídos do site público
 * (https://byteseguro.com) por estilos computados no navegador, em
 * 26/07/2026. Nenhum valor foi deduzido olhando a tela.
 *
 * A auditoria completa, com a origem de cada valor, está em
 * AUDITORIA-COERENCIA-BYTESEGURO.md.
 *
 * POR QUE ESTES NOMES E NÃO OS DO RELATÓRIO PAGO
 * O tema do relatório (`report/styles/byteseguro-report-theme.css`)
 * também usa o prefixo `--bs-`, e dois nomes COLIDEM com significado
 * oposto: lá `--bs-text` é escuro sobre fundo claro, aqui é claro sobre
 * fundo escuro. As duas folhas nunca são carregadas juntas, e a landing
 * usa os nomes do SITE porque é dele que ela precisa parecer uma
 * continuação (§28 do pedido). A correspondência entre os dois conjuntos
 * está documentada na auditoria.
 */

:root {
  color-scheme: dark;

  /* ---------- Superfícies (medidas em .bs-home) ---------- */
  --bs-bg: #07152f;
  --bs-bg-2: #0b234a;
  --bs-bg-3: #06142d;
  /* Superfície clara para o painel do diagnóstico — ver landing.css */
  --bs-surface-doc: #ffffff;

  /* ---------- Texto ---------- */
  --bs-text: #f8fafc;
  --bs-muted: #aab4c3;
  /*
   * `--bs-muted` do site (#aab4c3) mede 8,7:1 sobre o fundo e passa com
   * folga em texto normal. Onde o texto secundário aparece sobre a
   * superfície clara do diagnóstico, o token abaixo assume.
   */
  --bs-text-doc: #17212f;
  --bs-muted-doc: #4b5768;

  /* ---------- Marca e destaque ---------- */
  --bs-cyan: #24d6ff;
  --bs-yellow: #ffe100;
  --bs-blue: #2956e8;
  --bs-green: #22c55e;

  /*
   * Ciano sobre fundo escuro mede 10,3:1 — ótimo para texto. Sobre
   * superfície CLARA ele mede 1,6:1 e não pode carregar texto; por isso
   * existe o par abaixo, usado só dentro do painel do diagnóstico.
   */
  --bs-accent-doc: #0f6d8c;

  /* ---------- Linhas e bordas ---------- */
  --bs-line: rgba(255, 255, 255, 0.12);
  --bs-line-forte: rgba(36, 214, 255, 0.28);
  --bs-line-doc: #d7dee8;

  /* ---------- Estados ---------- */
  --bs-focus: #24d6ff;
  --bs-erro: #ff8f8f;
  --bs-erro-doc: #b3261e;

  /* ---------- Layout (medidos em .bs-wrap / .bs-section) ---------- */
  --bs-wrap: 1400px;
  --bs-wrap-texto: 780px;
  --bs-gutter: 24px;
  --bs-secao-y: 88px;
  --bs-secao-y-mobile: 64px;

  /* ---------- Espaçamento ---------- */
  --bs-s1: 4px;
  --bs-s2: 8px;
  --bs-s3: 12px;
  --bs-s4: 16px;
  --bs-s5: 20px;
  --bs-s6: 24px;
  --bs-s8: 32px;
  --bs-s10: 40px;
  --bs-s12: 48px;

  /* ---------- Raios (medidos em .bs-btn / .bs-card / .bs-cta) ---------- */
  --bs-raio-btn: 999px;
  --bs-raio-card: 24px;
  --bs-raio-painel: 28px;
  --bs-raio-cta: 34px;
  --bs-raio-mini: 18px;

  /* ---------- Sombras ---------- */
  --bs-sombra-btn: 0 16px 40px rgba(41, 86, 232, 0.32);
  --bs-sombra-painel: 0 35px 90px rgba(0, 0, 0, 0.38);

  /*
   * ---------- Tipografia ----------
   * O site usa Inter, carregada remotamente pelo WordPress. A landing
   * declara Inter primeiro e cai numa pilha local: sem rede, ela
   * renderiza com a fonte do sistema sem quebrar o layout. Nenhum
   * arquivo de fonte é redistribuído (§30).
   */
  --bs-fonte: Inter, "Segoe UI", system-ui, Arial, Helvetica, sans-serif;
  --bs-peso-corpo: 400;
  --bs-peso-medio: 600;
  --bs-peso-forte: 800;
  --bs-peso-titulo: 900;

  --bs-fs-corpo: 17px;
  --bs-fs-lead: clamp(18px, 2vw, 24px);
  --bs-fs-kicker: 13px;
  --bs-fs-btn: 15px;
  --bs-fs-card-titulo: 24px;
  /*
   * O site usa títulos enormes (até 102px) porque as frases dele são
   * curtas — "Diagnósticos e soluções inteligentes". Os títulos deste
   * produto são frases longas e aprovadas, que não podem ser encurtadas.
   * Em caixa alta a 76px, o H1 virava um muro de nove linhas. A escala
   * abaixo mantém o peso e a caixa da identidade e devolve legibilidade.
   */
  --bs-fs-secao: clamp(26px, 3vw, 40px);
  --bs-fs-hero: clamp(30px, 3.4vw, 50px);

  --bs-lh-titulo: 1.06;
  --bs-lh-corpo: 1.6;
  --bs-ls-titulo: -0.02em;
  --bs-ls-kicker: 0.24em;
}

/*
 * O site não oferece variante clara e o §21 do padrão veda inverter o
 * relatório. A landing é escura em qualquer preferência de sistema —
 * é a identidade do site, não uma escolha de tema.
 */