/* Tema Empresarial (estilo C da demonstração comercial) e os acréscimos do sistema
   real: erro, borda de campo e cancelado. Contrastes conferidos na seção 3.1 do plano. */
:root {
  color-scheme: light;
  --fonte: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* marca e cabeçalho */
  --tsa: #0d3d78;
  --cabecalho: #13294b;
  --cabecalho-marca: #0f2140;
  --cabecalho-texto-2: #c9d6ea;
  --cabecalho-texto-3: #a9bbd6;
  --cabecalho-linha: rgba(255, 255, 255, 0.16);
  /* azul da marca da Jota (docs/marca): no claro e sobre o azul-marinho */
  --marca-azul: #173a85;
  --marca-azul-claro: #2a58b8;

  /* superfícies */
  --fundo: #eef1f5;
  --superficie: #ffffff;
  --superficie-2: #f5f7fa;
  --superficie-3: #e9edf2;
  --menu: #f4f6f9;
  --menu-ativo: #13294b; /* texto do item do menu da página atual */

  /* texto e ícones */
  --texto: #1b2430;
  --texto-2: #425066;
  --texto-3: #56637a;
  --icone: #7f8ba0;

  /* linhas: as duas primeiras são só divisórias; campos usam --campo-borda (3,4:1) */
  --linha: #dce1e8;
  --linha-2: #c6cfdb;
  --linha-tabela: #e8ecf1;
  --campo-borda: #7f8ba0;

  /* ação */
  --acento: #1f4f8f;
  --acento-hover: #183f73;
  --acento-suave: #e8eef7;
  --sobre-acento: #ffffff; /* texto sobre o destaque (botão principal, período escolhido) */
  --sobre-acento-suave: #13294b; /* texto sobre --acento-suave (filtro escolhido, pílulas) */

  /* tabelas */
  --th-fundo: #f1f4f8;
  --th-borda: #c6cfdb;
  --linha-hover: #f3f7fc;

  /* situações */
  --ok: #17663a;
  --ok-fundo: #e3f2e8;
  --info: #1d4f91;
  --info-fundo: #e4ecf8;
  --alerta: #774900;
  --alerta-fundo: #fbefd5;
  --neutro: #425066;
  --neutro-fundo: #eceff3;
  --erro: #a32a1f;
  --erro-fundo: #fbeae8;
  --erro-hover: #861f17;
  --sobre-erro: #ffffff;
  --ok-borda: #b9dcc6;
  --alerta-borda: #f0d9a8;
  /* Valores ruins (vencido, em atraso) e cores dos gráficos, como no protótipo C */
  --perigo: #a12c2c;
  --perigo-fundo: #fbe5e5;
  --grafico-receita: #1f5fa8;
  --grafico-despesa: #2a9d8f;
  --grafico-resultado: #2b3546;
  --cancelado: #5b6474;
  /* Marcas (pontos, passos, barrinhas): mais vivas que as cores de texto e sempre ao lado
     de um texto que diz o mesmo. */
  --ok-marca: #1f8a4c;
  --info-marca: #2563b0;
  --alerta-marca: #c98a12;
  --neutro-marca: #a3adbb;

  /* forma: cantos retos, sem sombra em painéis */
  --raio: 4px;
  --raio-lg: 6px;
  --raio-pilula: 3px;

  /* tipografia do sistema interno */
  --tam-sistema: 13px;
  --tam-rotulo: 10.5px;
  --tam-indicador: 22px;
}