/* tokens.css — sistema visual único do painel (Interface 1).
   ÚNICO arquivo com cor literal. Todas as telas usam só estas variáveis.
   Sem fonte da web: o painel é local e zero-dependência. */
:root {
  /* superfícies */
  --bg-0:#0A0D14; --bg-1:#121722; --bg-2:#1A2130; --linha:#232C3D; --linha-forte:#313C52;
  /* texto */
  --tx-1:#E4E9F2; --tx-2:#97A1B5; --tx-3:#5E6980;
  /* ação */
  --acento:#7C9CFF; --acento-fundo:#1A2340;
  /* risco — NUNCA usar como cor de marca */
  --r-baixo:#35D399; --r-baixo-bg:#0F2A22;
  --r-medio:#F5B94A; --r-medio-bg:#2E2411;
  --r-alto:#F26D6D;  --r-alto-bg:#2E1616;
  /* estado de execução */
  --st-espera:#97A1B5; --st-rodando:#7C9CFF; --st-ok:#35D399; --st-falha:#F26D6D;
  /* espaçamento: só estes valores */
  --e1:4px; --e2:8px; --e3:12px; --e4:16px; --e5:24px; --e6:32px; --e7:48px;
  /* raio e borda */
  --raio:4px; --borda:1px solid var(--linha);

  /* derivados (acrescentados nesta entrega; nenhum é cor nova de marca) */
  --borda-cenario:1px dashed var(--linha-forte);   /* não configurado / cenário */
  --opac-cenario:.6;
  --sombra:0 2px 8px rgba(0,0,0,.35);
  --veu:rgba(0,0,0,.6);                            /* fundo do modal */

  /* escritório 3D — personagens (Fase 2). O Pack escolhe QUAIS destes cada agente usa. */
  --pele-1:#F2D0B1; --pele-2:#E1AE85; --pele-3:#C68A5E; --pele-4:#8D5A3B; --pele-5:#5C3A26;
  --cabelo-1:#1E1916; --cabelo-2:#4A3326; --cabelo-3:#8C5A33; --cabelo-4:#C9A366; --cabelo-5:#8A8F98;
  --roupa-1:#2F3E56; --roupa-2:#5A6B7F; --roupa-3:#DCE3EC; --roupa-4:#8FA8D6; --roupa-5:#3E5A48;
  --roupa-6:#7E4648; --roupa-7:#2F6F73; --roupa-8:#44474F;
  --calca-1:#23272F; --calca-2:#3A3F4A; --calca-3:#51483D;

  /* escritório 3D — acabamentos (Fase 3, estudo de arte). O tema do Pack escolhe QUAIS destes usar. */
  --madeira-nogueira:#5E3B22; --madeira-clara:#B08A5E; --madeira-escura:#3B2416;
  --marmore-piso:#8F887D; --marmore-claro:#E4E0D8; --marmore-veio:#6E6A68;
  --metal-escuro:#14161B; --parede-escura:#1B1D22; --moldura:#0C0D10;
  --vidro:#DFE9FF; --led-ambar:#FFA24A; --led-frio:#9FB8FF; --led-verde:#5ED6A0;
  --tecido:#22252C; --couro:#2D2622; --folha:#2F5A34; --folha-2:#3A6B3C; --folha-3:#21452A; --vaso:#CFC8BD;
  --noite:#06080C; --luz-quente:#FFB070; --luz-lua:#AEC2FF; --ceu-noite:#2A3A5C; --chao-noite:#0A0A0C;

  /* tipografia */
  --f-dado: ui-monospace, "SF Mono", Menlo, "DejaVu Sans Mono", monospace;
  --f-texto: system-ui, -apple-system, "Segoe UI", sans-serif;
  --t-rotulo:11px; --t-dado:13px; --t-corpo:15px; --t-secao:18px; --t-tela:22px;
  --ls-rotulo:.08em;
}