/* Identidade Sustain / Solvere — cores e letras (aprovada em 08/10/2026).
   As tintas saem do arquivo vetorial do símbolo. Use sempre pelos nomes; nunca um azul "parecido".
   Junto com fontes/fontes.css. */
:root {
  /* tintas */
  --cor-nanquim: #021B64;   /* títulos, cabeçalho escuro, fundos escuros */
  --cor-cobalto: #163AB8;   /* ação: botões, links, ícones, item ativo */
  --cor-cobalto-hover: #102C8F; /* botão com o mouse em cima / pressionado */
  --cor-vivo: #3867E7;      /* realce em fundo escuro, gráficos */
  --cor-aguada: #91AEE8;    /* manchas e detalhes claros; nunca texto sobre branco */
  --cor-nevoa: #E8EAF9;     /* fundo de bloco, linha selecionada, destaque leve */
  --cor-verde: #2E7D32;     /* acento: meta atingida, sucesso, GEE. Nunca fundo grande */
  --cor-broto: #7DC383;     /* o verde quando o fundo é escuro */

  /* neutros (puxados para o azul) */
  --cor-tinta: #1B2140;     /* texto corrido */
  --cor-grafite: #4B5272;   /* texto secundário, legendas, rótulos */
  --cor-linha: #D9DDEE;     /* bordas, divisórias, grades de tabela */
  --cor-papel: #F6F7FC;     /* fundo alternado, fundo da área de trabalho */
  --cor-branco: #FFFFFF;    /* fundo padrão, cartões */

  /* estados (só para status, nunca decoração) */
  --cor-sucesso: #2E7D32;  --cor-sucesso-fundo: #EAF3EB;
  --cor-atencao: #8A5A00;  --cor-atencao-fundo: #FFF6D6;  --cor-atencao-borda: #B8860B;
  --cor-critico: #B42318;  --cor-critico-fundo: #FDECEC;

  /* gráficos: sempre nesta ordem, para a mesma série ter a mesma cor em toda tela */
  --grafico-1: #163AB8;  /* cobalto */
  --grafico-2: #2E7D32;  /* verde */
  --grafico-3: #91AEE8;  /* aguada */
  --grafico-4: #021B64;  /* nanquim */
  --grafico-5: #7DC383;  /* broto */
  --grafico-6: #3867E7;  /* azul vivo */
  --grafico-meta: #4B5272; /* linha de meta: grafite, tracejada */

  /* letras */
  --fonte-titulo: "Bricolage Grotesque", Arial, sans-serif;
  --fonte-texto: "Instrument Sans", Arial, sans-serif;
  --fonte-dado: "IBM Plex Mono", Consolas, monospace;

  /* forma */
  --raio-controle: 8px;     /* botões, campos */
  --raio-cartao: 12px;      /* cartões, imagens, prints */
  --sombra: 0 1px 2px rgba(2,27,100,.06), 0 18px 40px -20px rgba(2,27,100,.22);
}