/* Sistema Teste (InfraSell) — ambiente para testar ideias antes dos clientes.
   Azul-marinho e verde-agua de proposito: nao lembra nenhum cliente, para
   ninguem confundir o teste com um sistema de verdade. Sobrepoe as variaveis
   de css/app.css; o modo escuro repete TODAS as que o claro troca. */
:root{
  --ink:#16222F; --ink-2:#44526A; --muted:#64728A;
  --paper:#F2F5F8; --surface:#FFFFFF; --surface-2:#E7EDF3;
  --line:rgba(22,34,47,.12); --line-strong:rgba(22,34,47,.24);
  --brand:#17324D; --brand-dark:#0F2338; --brand-tint:#E0E9F2; --on-brand:#FFFFFF;
  --accent:#1E9A8B; --accent-dark:#167769; --accent-tint:#DBF1ED;
  --good:#2E7D4F; --good-ink:#21603C; --good-tint:#E0F1E6;
  --warning:#B9781C; --warning-ink:#81520C; --warning-tint:#F8E8CB;
  --critical:#B0402F; --critical-ink:#8E3124; --critical-tint:#F5DFDA;
  --info:#3F6E99; --info-ink:#2F5475; --info-tint:#DFE8F1;
  --topo-bg:#0F2338; --topo-ink:#F4F7FA; --topo-linha:#3CC6B5;
  --logo-fundo:#FFFFFF;
  --shadow:0 1px 2px rgba(15,35,56,.06), 0 8px 24px -12px rgba(15,35,56,.22);
}
@media (prefers-color-scheme: dark){
  :root{
    --ink:#E8EEF5; --ink-2:#B9C5D3; --muted:#8C9AAD;
    --paper:#0D141C; --surface:#141D27; --surface-2:#1C2733;
    --line:rgba(232,238,245,.13); --line-strong:rgba(232,238,245,.25);
    --brand:#7FB2E0; --brand-dark:#4F86B8; --brand-tint:rgba(127,178,224,.18); --on-brand:#0B1622;
    --accent:#4FD1C0; --accent-dark:#36B0A0; --accent-tint:rgba(79,209,192,.16);
    --good:#6FC28F; --good-ink:#9AD9B1; --good-tint:rgba(111,194,143,.16);
    --warning:#E2A84B; --warning-ink:#F0C47D; --warning-tint:rgba(226,168,75,.16);
    --critical:#E07D6E; --critical-ink:#F0A296; --critical-tint:rgba(224,125,110,.16);
    --info:#7FA7CF; --info-ink:#A8C4E2; --info-tint:rgba(127,167,207,.16);
    --topo-bg:#0A1826; --topo-ink:#EEF3F8; --topo-linha:#3CC6B5;
    --logo-fundo:#FFFFFF;
    --shadow:0 1px 2px rgba(0,0,0,.35), 0 8px 24px -12px rgba(0,0,0,.55);
  }
}