/* tokens.css - design tokens do site do Manual, portados do deck de
   referencia (05_Slides/JF5-PLS2027_Apresentacao_Oficina_Inicial_T1.5.html).
   Paleta e fonte identicas ao deck. As unidades calc(N*var(--s)) do deck
   (escala de slide de tela cheia) NAO sao portadas: esta pagina usa rem/px/%
   responsivos convencionais, ver static/site.css e static/infograficos.css. */

:root {
  --navy: #102b4b;
  --blue: #334b6a;
  --blue-2: #153f70;
  /* --action escurecido de #2f6fed para #2c69e1 (Defeito 5, menor, auditoria
     M2 rodada 1): #2f6fed sobre --paper (#f8fbff), o fundo real do corpo do
     Manual onde a cor e usada em todos os links, tinha razao de contraste
     4.38:1 (formula WCAG padrao), abaixo do minimo AA de 4.5:1 para texto
     normal. #2c69e1 sobre #f8fbff da 4.80:1, com margem de seguranca acima
     do minimo, preservando o mesmo tom de azul de acao (so a luminosidade
     foi reduzida). Alternativa avaliada e descartada: dar fundo branco puro
     so a .conteudo em vez de escurecer a marca, pois --action e reusada
     tambem fora de .conteudo (sidebar, cabecalho) e escurecer o token e a
     mudanca mais simples que resolve todos os usos de uma vez. */
  --action: #2c69e1;
  --green: #174a3b;
  --teal: #207a7d;
  --ink: #13233a;
  --muted: #62728a;
  --line: #dbe5f0;
  --paper: #f8fbff;
  --white: #ffffff;
  --gold: #d4a74c;
  --rose: #a13f5e;
  --ok: #1c9a5b;

  /* Tons derivados usados pelos componentes de nota/caixa, tambem portados
     do deck (.note.green-note, .note.gold-note, .smart-box etc.). */
  --green-bg: #e7f6f0;
  --green-line: #b9e5d8;
  --gold-bg: #fff7e6;
  --gold-line: #f0dfae;
  --gold-ink: #8a6716;
  --blue-bg: #e7f0fb;
  --rose-bg: #fbeaf0;
  --rose-line: #eec4d5;

  --font-base: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --raio-card: 14px;
  --raio-pill: 999px;
  --sombra-card: 0 8px 26px rgba(16, 43, 75, .07);

  /* Correcao pos-auditoria do M3 (nota 90%, item 5): altura da logo do
     cabecalho (.cabecalho-logo em site.css), agora tambem reusada no
     calc() de .painel-busca-miolo (deriva a LARGURA renderizada da logo por
     proporcao, em vez de repetir um "40px" desacoplado desta variavel). Se
     a logo do cabecalho mudar de altura de novo, muda so aqui. */
  --tamanho-logo-cabecalho: 50px;
}