/* tokens.css — Paleta 1, Navy EssêncIA.
 *
 * FONTE ÚNICA DA VERDADE. Carregado antes de qualquer folha de componente.
 * Nenhum outro arquivo redeclara estes valores — quando um token muda, ele
 * muda aqui e em nenhum outro lugar.
 *
 * A regra da paleta: a BARRA LATERAL é a única área com cor. Todo o miolo é
 * branco. A mostarda entra só em função — seção ativa, avatar, progresso,
 * borda em foco — nunca como enfeite.
 */

:root {
  /* --- Navy: a barra lateral, em degradê. A única área com cor. --- */
  --navy:        #1F2A3D;
  --navy-fundo:  #13192A;

  /* --- Mostarda: só em função, nunca decorativa. --- */
  --mostarda:    #D4A937;

  /* Texto de destaque sobre fundo CLARO.
   * A mostarda pura dá 2,2:1 de contraste e reprova em WCAG AA.
   * Toda vez que a mostarda precisar virar texto sobre o miolo branco,
   * use este par escurecido — nunca a --mostarda. */
  --mostarda-ink: #8F6F1C;

  /* --- Miolo --- */
  --miolo:       #FFFFFF;
  --miolo-suave: #FAFAFA;

  /* --- Tinta --- */
  --tinta:       #15110D;
  --tinta-2:     #555555;
  --tinta-3:     #8A8A8A;

  /* --- Linhas --- */
  --linha:       #E6E6E6;
  --linha-suave: #F1F1F1;

  /* --- Status. Não contam no limite de duas ou três cores da plataforma. --- */
  --sucesso:     #3F6B4D;
  --alerta:      #7B1F3A;

  /* --- Tipografia ---
   * Playfair Display nos títulos em peso 400 a 500. NUNCA 700: o peso alto
   * engorda a serifa e tira a elegância que justifica a escolha da fonte.
 * Montserrat no corpo, 15px, entrelinha 1,7.
   *
   * A Michelle trocou a Inter pela Montserrat em 23/09/2026, para o portal
   * e o Leadflow parecerem da mesma família — os títulos em Playfair já
   * eram iguais nos dois. A Montserrat vem da Paleta 2 do brandbook dela,
   * a de material de venda; a Inter vinha da Paleta 1, a de plataforma.
   * Registrado porque contraria o brandbook de propósito, por decisão dela. */
  --fonte-titulo: 'Playfair Display', Georgia, serif;
  --fonte-corpo:  'Montserrat', -apple-system, system-ui, sans-serif;

  --corpo-tamanho:    15px;
  --corpo-entrelinha: 1.7;

  /* --- Forma --- */
  --raio:      10px;
  --raio-card: 12px;

  /* --- Medidas --- */
  --barra-largura: 264px;
  --leitura-max:   74ch;
}