/* Polifaces — tokens de cor, revisao 3 (dark quente).
   Gerado por gen_tokens.py a partir de tokens.json. Nao editar a mao.
   Contrastes calculados em WCAG 2.1 sobre #211C1A. */

:root{
  /* cor */
  --ground:          #211C1A;  /* superficie · Fundo base do app. */
  --ground-elevated: #2A2422;  /* superficie · Elevacao 1: cabecalho, dock, cartao. */
  --ground-raised:   #332C29;  /* superficie · Elevacao 2: bolha do usuario. */
  --ground-overlay:  #3F3733;  /* superficie · Elevacao 3: chip, campo de entrada. */
  --rule:            #3A322E;  /* superficie · Linha divisoria, borda de reforco. */
  --ink:             #F0E9E1;  /* AAA  · Texto principal. */
  --ink-quiet:       #A9A29B;  /* AA   · Texto secundario, metadado longo. */
  --ink-faint:       #6E665F;  /* isento · Rotulo desabilitado, icone inativo. NUNCA leitura. */
  --amber:           #D9A05B;  /* AAA  · Acento cheio. UMA acao por tela. */
  --amber-quiet:     #96703F;  /* AA-ui · Estado: aba ativa, interruptor, traco. */
  --slate:           #6E9A93;  /* AA   · Apoio: saudacao, data, contagem, rotulo. */
  --slate-deep:      #3E4C67;  /* isento · Face azul do logotipo. So preenchimento decorativo. */
  --ok:              #8FB56C;  /* AAA  · Sucesso: salvo, sincronizado. */
  --danger:          #D4867B;  /* AA   · Erro: envio falhou, campo invalido. */
  --danger-bg:       #3A2724;  /* superficie · Fundo de campo com erro. */

  /* espacamento — Fibonacci */
  --space-xs:      4px;  /* Rotulo e o valor que ele descreve */
  --space-sm:      8px;  /* Espaco interno de chip e etiqueta */
  --space-md:      12px;  /* Entre sugestoes empilhadas */
  --space-lg:      20px;  /* Padding do campo; margem lateral da tela */
  --space-xl:      32px;  /* Entre blocos relacionados; entre mensagens */
  --space-xxl:     52px;  /* Entre a area de leitura e a de entrada */
  --space-xxxl:    84px;  /* Respiro do topo antes da saudacao */

  /* medida */
  --measure:        65ch;  /* largura maxima de leitura */
}