/* ============================================================================
   iaiagente — tokens.css  (FONTE ÚNICA DE IDENTIDADE VISUAL — V9)
   ----------------------------------------------------------------------------
   Alinhado à identidade do site V9 (runtime/site/iaiagenteCommercialSiteDesktopV9):
   papel #f1ece1, tinta #141009, laranja #df6a1a, hairlines, tipografia
   Satoshi (texto) + Space Mono (labels técnicos) + Ledger (marca/display).
   Deve ser importado por: site público, microtelas do onboarding,
   SaaS cliente e SaaS admin. Nenhuma superfície define cor própria.
   As fontes são carregadas pela superfície (index.html); aqui só os stacks.
   ============================================================================ */

:root {
  color-scheme: light;

  /* -- Tinta / texto ------------------------------------------------------ */
  --ink:        #141009;
  --ink-soft:   #2a2115;
  --muted:      rgba(20, 16, 9, 0.62);
  --muted-2:    rgba(20, 16, 9, 0.36);

  /* -- Papel / superfícies ------------------------------------------------ */
  --bg:            #f1ece1;
  --paper:         #f6f2e8;
  --panel:         rgba(255, 253, 247, 0.72);
  --panel-strong:  rgba(255, 253, 248, 0.94);
  --surface-soft:  rgba(255, 255, 255, 0.55);

  /* -- Linhas (hairlines V9) ---------------------------------------------- */
  --line:        rgba(20, 16, 9, 0.16);
  --line-soft:   rgba(20, 16, 9, 0.09);
  --line-strong: rgba(20, 16, 9, 0.26);

  /* -- Marca (laranja V9) -------------------------------------------------- */
  --accent:      #df6a1a;
  --accent-ink:  #b5571a;
  --accent-soft: rgba(223, 106, 26, 0.12);

  /* -- WhatsApp / verde vivo ---------------------------------------------- */
  --wa: #1f9250;

  /* -- Status --------------------------------------------------------------- */
  --ok:        #2c7a4b;  --ok-soft:     rgba(44, 122, 75, 0.12);
  --warn:      #9d6421;  --warn-soft:   rgba(157, 100, 33, 0.13);
  --danger:    #9b3827;  --danger-soft: rgba(155, 56, 39, 0.11);

  /* -- Raios ---------------------------------------------------------------- */
  --radius:      22px;
  --radius-sm:   14px;
  --radius-lg:   30px;
  --radius-pill: 999px;

  /* -- Sombras -------------------------------------------------------------- */
  --shadow:      0 24px 80px rgba(35, 24, 10, 0.14);
  --shadow-soft: 0 12px 40px rgba(35, 24, 10, 0.08);

  /* -- Tipografia V9 -------------------------------------------------------- */
  --font-sans:    "Satoshi", "Inter Tight", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-display: "Ledger", Georgia, "Times New Roman", serif;

  /* -- Easing V9 ------------------------------------------------------------ */
  --e: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* -- Fundo padrão da página (papel V9, quase plano) ----------------------- */
  --page-bg:
    radial-gradient(circle at 78% -6%, rgba(255, 255, 255, 0.55), transparent 32%),
    linear-gradient(180deg, #f3eee3 0%, #f1ece1 60%, #ece6d8 100%);
}

/* ----------------------------------------------------------------------------
   ALIASES DE COMPATIBILIDADE
   Mantêm o CSS legado funcionando enquanto as telas migram. Quando todas as
   superfícies usarem os nomes canônicos acima, remover este bloco.
   ---------------------------------------------------------------------------- */
:root {
  --paper-strong: var(--paper);       /* V1 */
  --soft:         var(--muted-2);     /* V9: texto apagado (mesmo nome do site) */
  --orange:       var(--accent);      /* site */
  --page:         var(--bg);          /* site */
  --page2:        var(--paper);       /* site */
  --cream:        #fbf7ee;            /* site */
  --dark:         #141009;            /* site (botão escuro) */
  --line2:        var(--line-soft);   /* site V9 */
}

/* ----------------------------------------------------------------------------
   BASE COMPARTILHADA  (aplicar a body de toda superfície)
   ---------------------------------------------------------------------------- */
* { box-sizing: border-box; }
html { min-height: 100%; }
body {
  margin: 0;
  min-height: 100vh;
  font-family: var(--font-sans);
  color: var(--ink);
  background: var(--page-bg);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .6; }

/* Ação principal padrão (pílula V9: tinta sobre papel). */
.btn-primary {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; padding: 0 22px;
  border: 0; border-radius: var(--radius-pill);
  background: var(--ink); color: var(--paper); font-weight: 500;
  transition: transform .2s var(--e), background .25s;
}
.btn-primary:hover { background: #241c10; transform: translateY(-1px); }