/* =========================================================================
   Honra — tokens de marca
   Copia de marca/honra-tokens.css (o vault e a fonte da verdade dele).

   Duas diferencas em relacao ao original, as duas de proposito:
     1. Sem o @import do Google Fonts. O site serve Urbanist e DM Sans local
        por fontes/fontes.css, porque no evento a rede falha. (No arquivo do
        vault aquele @import esta no fim do arquivo, onde regra de CSS manda
        o navegador ignorar: @import so vale antes de qualquer outra regra.)
     2. Sem a secao de aliases. Aqui a ponte e feita no proprio honra.css,
        que agora deriva cada variavel antiga de um token de marca.

   Carregar SEMPRE antes do honra.css.
   ========================================================================= */

:root {
  /* --- cor ---------------------------------------------------------------
     Os tres verdes foram amostrados das paginas vetoriais da apresentacao da
     marca, nao estimados a olho.

     A escada lima -> verde -> mata nao e so "mais escuro": o matiz GIRA de 85
     para 126 e depois 140 graus, e a saturacao cai. Por isso escurecer o lima
     ou jogar preto por cima da errado (vira oliva sujo). */
  --honra-lima:        #9CE933;   /* matiz  85deg · a assinatura da marca   */
  --honra-verde:       #43C150;   /* matiz 126deg · o par do grafismo       */
  --honra-mata:        #12301C;   /* matiz 140deg · o preto da marca        */
  --honra-lima-clara:  #D1FF3D;   /* so o selo do simbolo                   */
  --honra-lima-suave:  #E4F9C4;   /* fundo de selo, estado ativo            */
  --honra-mata-fundo:  #0B1F12;   /* secao escura cheia                     */

  /* neutros com vies verde: escolhidos, nao herdados de um cinza puro */
  --honra-fundo:       #FBFBF7;
  --honra-superficie:  #FFFFFF;
  --honra-elevado:     #F3F5EE;
  --honra-tinta:       #0E1411;
  --honra-musgo:       #5A6B5F;
  --honra-fiapo:       #E0E5DA;

  /* semanticos: separados do acento de proposito, senao "verde" perde sentido */
  --honra-ok:          #1F8F45;
  --honra-atencao:     #B8790A;
  --honra-erro:        #C42B27;

  /* --- tipografia --------------------------------------------------------
     Urbanist nos titulos (confirmado com o designer em 29/08), DM Sans no
     texto. O tracking negativo nao e opcional: sem ele o titulo nao se
     parece com a apresentacao. */
  --honra-display:  "Urbanist", system-ui, -apple-system, sans-serif;
  --honra-texto:    "DM Sans", system-ui, -apple-system, sans-serif;
  --honra-tracking: -.03em;

  /* --- forma -------------------------------------------------------------
     A marca nao tem angulo reto em lugar nenhum. Botao e sempre pilula. */
  --honra-r-g:      28px;
  --honra-r-m:      18px;
  --honra-r-p:      12px;
  --honra-r-pilula: 999px;

  --honra-sombra:      0 1px 2px rgba(14,20,17,.04), 0 12px 32px rgba(14,20,17,.06);
  --honra-sombra-alta: 0 2px 6px rgba(14,20,17,.06), 0 24px 56px rgba(14,20,17,.10);
}

/* --- contraste: o que NAO pode --------------------------------------------
   A apresentacao usa branco sobre lima e branco sobre verde em toda peca.
   Funciona no logotipo gigante, reprova em texto:

     branco sobre lima .... 1,49:1   reprova
     branco sobre verde ... 2,34:1   reprova
     mata sobre lima ...... 9,63:1   passa
     tinta sobre verde .... 7,97:1   passa
     branco sobre mata .... 14,33:1  passa
     lima sobre mata ...... 9,63:1   passa

   Regra: texto sobre lima ou verde e SEMPRE mata. Branco sobre verde so em
   elemento de marca acima de 48px. */
.honra-sobre-lima  { background: var(--honra-lima);  color: var(--honra-mata); }
.honra-sobre-verde { background: var(--honra-verde); color: var(--honra-mata); }
.honra-sobre-mata  { background: var(--honra-mata);  color: #FFFFFF; }

/* --- nao existe tema escuro ----------------------------------------------
   A Honra e uma marca de modo claro: o site roda em #FBFBF7 e nao ha versao
   escura dela em lugar nenhum da apresentacao. Os fundos escuros que aparecem
   nas pecas sao o --honra-mata da paleta: escolha de arte, nao tema de
   interface. Por isso nao existe aqui nenhum @media (prefers-color-scheme). */