/* ==========================================================================
   Nexo, design tokens da landing

   Escrito do zero em 29/07/2026, substituindo um arquivo de origem externa.
   Nada aqui deriva de medicao de tela de terceiro: a paleta e definida pelo
   dono do produto. O historico esta em `docs/REMOCAO-2026-07-28.md`.
   ========================================================================== */

:root {
  /* ---- Base ---- */
  --nx-ink:        #ffffff;
  --nx-surface:    #f8f8f8;
  --nx-surface-2:  #f6f6f6;
  --nx-line:       #eaeaea;

  /* ---- Texto ---- */
  --nx-text:       #000000;
  --nx-text-muted: #798282;

  /* ---- Marca ---- */
  --nx-primary:    #000000;   /* petroleo */
  --nx-primary-hi: #6d7cff;
  --nx-accent:     #9b93f9;   /* ambar */

  /* ---- Estado ---- */
  --nx-ok:    #3E9B5F;
  --nx-warn:  #C9932C;
  --nx-error: #C4553F;

  /* ---- Movimento ---- */
  --nx-ease:      cubic-bezier(.22,.61,.36,1);
  --nx-ease-out:  cubic-bezier(.16,1,.3,1);
  --nx-dur-fast:  160ms;
  --nx-dur:       260ms;
  --nx-dur-slow:  420ms;

  /* ---- Forma ---- */
  --nx-radius:    10px;
  --nx-radius-lg: 16px;

  /* ------------------------------------------------------------------
     Daqui para baixo: tokens que a pagina precisa e que nao sao cor nem
     movimento. Estao separados de proposito, a paleta acima e decisao de
     marca, isto e infraestrutura de layout.
     ------------------------------------------------------------------ */

  /* Pilula para botao e tag. Valor alto em vez de 9999px porque o Safari
     antigo distorce o raio em elementos muito largos. */
  --nx-radius-pill: 360px;

  /* Verde oficial do WhatsApp. NAO vem do concorrente: e a cor da marca do
     canal, usada so para sinalizar de que canal se trata (o ponto do
     `.hero__tag` e o card do agente de vendas). Trocar por cor nossa aqui
     tiraria a leitura imediata de "isto acontece no WhatsApp". */
  --nx-whatsapp: #25d366;

  /* ---- Tipografia ---- */
  /* Fustat nos titulos, Inter no corpo, JetBrains Mono no codigo. As tres sao
     livres (SIL Open Font License) e servidas localmente, ver a nota em
     `index.html` sobre por que nao ha `<link>` para fonts.googleapis.com. */
  --nx-font-display: Fustat, "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --nx-font-body:    "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --nx-font-mono:    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Titulos com -0.02em: a Fustat e larga por desenho e sem isso o H1 de 78px
     abre demais. Vale so no display; texto corrido em Inter nao leva tracking
     negativo, que prejudica leitura em corpo pequeno. */
  --nx-tracking-display: -0.02em;

  /* ---- Layout ---- */
  --nx-max-width: 1440px;

  /* ---- Espacamento (mobile-first; o desktop cresce em landing.css) ---- */
  --nx-gutter:    20px;
  --nx-section-y: 64px;
  --nx-stack:     16px;

  /* ---- Cor por agente ----
     Derivadas da paleta acima, nao de avatar de ninguem. Vendas usa o verde do
     WhatsApp porque o canal E o WhatsApp; as outras andam pela faixa
     petroleo -> ambar, que e a nossa. */
  --nx-agent-vendas:     var(--nx-whatsapp);
  --nx-agent-marketing:  var(--nx-accent);
  --nx-agent-financeiro: var(--nx-primary-hi);
  --nx-agent-operacoes:  var(--nx-primary);
  --nx-agent-juridico:   var(--nx-text-muted);
  --nx-agent-pessoas:    var(--nx-warn);  /* fora do escopo de lancamento */
}


/* ---- Modo claro (referencia): pares que o tema escuro assumia ---- */
.btn { color: #fff; }
.btn--ghost { color: #000; }
.btn--invert { background: #fff; color: #000; }
.bubble--us { color: #fff; }
.skip-link { color: #fff; }
.site-header { background: rgba(255, 255, 255, .86) !important; }
.mech__code { background: #f6f6f6; color: #090909; }
.btn, .btn * { color: #fff !important; }
.btn--ghost, .btn--ghost * { color: #000 !important; }
.bubble--us { color: #fff !important; }