/* ============================================================
   EMS Franquias — tokens compartilhados por TODAS as telas.
   Carregue ANTES do <style> da pagina: o :root local ainda pode
   sobrescrever o que for especifico daquela tela.

   O que mora aqui: o que precisa de dono unico. Tipografia,
   cores semanticas e a identidade da PLATAFORMA.
   O que NAO mora aqui: as superficies de cada tela (--ground,
   --panel, --stage...), que legitimamente variam.
   ============================================================ */
:root{
  /* --- Tipografia: Roboto em tudo, base 14px (spec "Anotacoes") --- */
  --fb:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --fm:"Roboto Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --serif:var(--fb);
  --fs-base:14px;

  /* --- Fonte da MARCA (pecas do Marketing: porta de entrada e cabecalhos) ---
     O PDF do Marketing (EMS_FRANQUIAS_SITE.pdf, 07/08/2026) usa TT Commons
     (TypeType) — fonte PAGA, sem versao web gratuita. Enquanto a licenca nao
     for comprada, entra a Figtree: mesma familia de traco (grotesca geometrica,
     x-height alto, terminais retos), disponivel no Google Fonts.
     TROCA DE UMA LINHA: com a licenca em maos, basta hospedar o @font-face de
     TT Commons — o nome ja esta na frente da pilha e passa a ganhar sozinho. */
  --ff-marca:"TT Commons","Figtree",var(--fb);

  /* --- Identidade da PLATAFORMA EMS Ventura ---
     Vale na moldura: porta de entrada (index) e admin master.
     NAO e repintada por tenant — e a marca de quem vende, nao de quem compra.
     A pele da franquia pinta so o conteudo, para o cliente se ver na marca dele. */
  --ems-ink:#14161b;
  --ems-ink2:#1f232b;
  --ems-accent:#368CF9;   /* Azul EMS Ventura — RGB 54/140/249 */
  --ems-accent2:#2A6CC0;  /* apoio: hover, gradientes, bordas */
  --ems-accent-ink:#1F5695; /* para TEXTO sobre claro — o #368CF9 nao passa contraste em corpo pequeno */

  /* --- Cinza de corpo das pecas do Marketing ---
     Amostrado do proprio PDF (rgb 56/56/56). Nao e o --soft das telas: aquele
     e o cinza de interface; este e o cinza tipografico da marca. */
  --ems-grafite:#383838;

  /* --- Metais da EMS: dourado e bronze.
     Para VALOR e patrimonio (receita, contratos, volume) — nao para status.
     Verde/vermelho continuam querendo dizer "deu certo"/"deu errado"; misturar
     as duas coisas faz o usuario ler status onde so existe numero.
     Contraste sobre branco ja conferido: -ink passa AA em corpo normal. */
  --ems-gold:#B08D1F;       /* realce, bordas, numeros grandes */
  --ems-gold-ink:#8C6E14;   /* texto — 4.8:1 sobre branco */
  --ems-bronze:#8C6239;     /* apoio, hierarquia secundaria — 5.4:1 */

  /* --- Semanticas: um verde, um amarelo, um vermelho para o sistema todo.
     Antes cada arquivo tinha o seu (--warn chegou a ter 3 tons diferentes). --- */
  --good:#1f9d6b;
  --warn:#b3841f;
  --bad:#c94e6b;
}

/* No escuro os metais precisam clarear: os tons calibrados para fundo branco
   ficam apagados sobre preto. Fica aqui, e nao em cada tela, para o ajuste
   valer no sistema inteiro de uma vez. */
:root[data-theme="escuro"]{
  --ems-gold:#D9B441;
  --ems-gold-ink:#D9B441;
  --ems-bronze:#C08E5E;
}

/* ── Botão "Sair do sistema" — comum às telas de perfil (topbar, à direita).
   Discreto por padrão; ao passar o mouse assume o tom de alerta (--bad) para
   sinalizar que é uma saída. Respeita tema claro/escuro pelos tokens. ── */
.btn-sair{
  margin-left:10px; font:600 .72rem/1 var(--fb); letter-spacing:.02em;
  color:var(--ems-ink2); background:transparent;
  border:1px solid color-mix(in srgb, var(--ems-ink2) 28%, transparent);
  border-radius:999px; padding:6px 12px; cursor:pointer; white-space:nowrap;
  display:inline-flex; align-items:center; gap:5px; transition:color .15s,border-color .15s,background .15s;
}
.btn-sair:hover{
  color:var(--bad); border-color:var(--bad);
  background:color-mix(in srgb, var(--bad) 8%, transparent);
}
.btn-sair:focus-visible{ outline:2px solid var(--ems-accent); outline-offset:2px; }