/* ==========================================================================
   Zapbot — tokens
   Fonte única da paleta e da tipografia. Carregado pela landing (antes de
   zapbot.css) e pela documentação. Se um valor muda aqui, muda nas duas.
   ========================================================================== */

:root {
  /* --- Marca ---------------------------------------------------------- */
  /* Verde do balão enviado: o reconhecimento imediato do domínio. */
  --zap-green: #25d366;
  --zap-green-deep: #0b7a3d;   /* texto verde sobre branco (5.2:1) */
  --zap-green-press: #12b45a;  /* estado pressionado / hover */
  --zap-ink: #04160c;          /* texto sobre preenchimento verde (9:1) */

  /* --- Superfícies escuras (o terminal onde o dev vive) --------------- */
  --zap-surface-0: #07100c;
  --zap-surface-1: #0d1a13;    /* +2% */
  --zap-surface-2: #12241a;    /* +3% */
  --zap-surface-3: #17301f;    /* +3% — só na documentação, que é mais densa */

  /* --- Linhas e texto ------------------------------------------------- */
  --zap-line-dark: rgba(255, 255, 255, 0.08);
  --zap-line-light: rgba(7, 16, 12, 0.09);
  --zap-text-dark: #e8f5ec;
  --zap-muted-dark: #8fb7a1;
  --zap-faint-dark: #5f7d6c;

  /* --- Semântica ------------------------------------------------------ */
  --zap-amber: #f5a524;        /* pareando / PUT */
  --zap-red: #f14f44;          /* sessão caída / DELETE */
  --zap-blue: #8fc0ff;         /* leitura / GET */

  /* --- Tipografia ----------------------------------------------------- */
  --zap-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --zap-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif;
  --zap-display: "Montserrat Alternates", var(--zap-sans);

  /* --- Espaçamento: base 8 -------------------------------------------- */
  --zap-1: 4px;
  --zap-2: 8px;
  --zap-3: 12px;
  --zap-4: 16px;
  --zap-5: 24px;
  --zap-6: 32px;
  --zap-7: 48px;
  --zap-8: 64px;

  /* --- Raio ----------------------------------------------------------- */
  --zap-r-sm: 8px;
  --zap-r-md: 10px;
  --zap-r-lg: 16px;
}