/* ────────────────────────────────────────────────────────────────────────
   TOKENS — as cores e as fontes do site, definidas uma vez.
   ────────────────────────────────────────────────────────────────────────

   Estes oito valores estavam escritos em TRES arquivos (base.css, home.css e
   artigo.css), iguais nos tres. Cada pagina carregava um deles, entao cada
   pagina enxergava os tokens — e nada obrigava as tres copias a concordar.

   Coincidiam por sorte. No dia em que alguem ajustasse o azul num arquivo so, a
   home ficaria de uma cor e o artigo de outra, e nenhuma ferramenta acusaria:
   as tres definicoes sao validas, so que diferentes.

   Este arquivo e ligado ANTES dos outros em toda pagina. A ordem nem e
   necessaria — `var()` resolve na hora de calcular o estilo, e nao na leitura
   — mas deixa claro para quem le o HTML de onde os valores vem.

   --color-green-cta e o verde escuro dos botoes com texto branco: 5,43:1 de
   contraste, acima dos 4,5:1 da WCAG AA. O --color-green claro (o do WhatsApp)
   nao passa com texto branco, e por isso existe o segundo.
   ──────────────────────────────────────────────────────────────────────── */
:root {
    --color-navy:      #0A1B3D;
    --color-cerulean:  #1A6BD9;
    --color-gold:      #F5A623;
    --color-green:     #25D366;
    --color-green-cta: #0E7A3B;
    --color-bg-alt:    #F4F7FB;
    --font-display:    'Space Grotesk', system-ui, sans-serif;
    --font-body:       'Inter', system-ui, sans-serif;
}