/* Tema da Mesa Fusion (25/10/2026). A Mesa da Fusion é ferramenta de quem opera, então segue a linguagem visual
   dos sistemas Fusion (~/Projetos/ai-framework/regras-interface.md). Tokens de
   PROJETO MAX/fusion-financeiro (tailwind.config.js e src/index.css) e o bloco "CAMPOS DE FORMULÁRIO" de
   fusion-produtos/src/index.css. O que difere da base: botão de destaque em #818cf8 com texto preto
   (--accent / --accent-fg do Fusion), campo com fundo bg3 e cantos de 8 px (rounded-lg), Inter com cv11/ss01,
   logo FUSION branco sem fundo. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* :root[...] para vencer o :root da base (mesma especificidade, e a base vem depois) */
:root[data-marca="fusion"] {
  /* superfícies e texto: bg, bg2, bg3, bdr, txt1-3 do fusion-financeiro */
  --fundo: #09090b; --painel: #131316; --elevado: #1f1f23; --borda: #26262c;
  --texto: #fafafa; --texto2: #c2c4cc; --texto3: #a8aebb;
  /* destaque: --accent #818cf8 com --accent-fg #000 (botões bg-[var(--accent)] text-[var(--accent-fg)]) */
  --acento: #818cf8; --acento-forte: #818cf8; --sobre-acento: #000; --sobre-acento-suave: #1e1b4b;
  --acento-borda: #3730a3; --acento-fundo: rgb(129 140 248 / 0.16);
  /* campos (fusion-produtos, CAMPOS DE FORMULÁRIO): borda #63666f, hover #8b8f99, foco #818cf8 + anel 28% */
  --campo-fundo: #1f1f23; --campo-borda: #63666f; --campo-borda-hover: #8b8f99; --campo-anel: rgb(129 140 248 / 0.28);
  --raio-btn: 8px; --raio-campo: 8px; --raio-cartao: 12px; --raio-peca: 12px;
  --fonte: Inter, system-ui, -apple-system, sans-serif; --fonte-ajustes: 'cv11', 'ss01';
  --logo-altura: 18px; --logo-largura: auto; --logo-fundo: transparent; --logo-pad: 0; --logo-raio: 0;
}
/* barra de rolagem discreta do Fusion */
[data-marca="fusion"] * { scrollbar-width: thin; scrollbar-color: #3a3a42 transparent; }
[data-marca="fusion"] ::selection { background: rgb(129 140 248 / 0.35); }