/* =====================================================================
   sinf-tokens.css — as variáveis de desenho do SINF, num sítio só.
   =====================================================================

   PORQUÊ ESTE FICHEIRO
   Este bloco estava copiado em 21 ficheiros. Mudar o azul da marca
   obrigava a 21 edições, e bastava esquecer uma para essa página ficar
   ligeiramente diferente das outras — o tipo de diferença que ninguém
   nota até um cliente perguntar porque é que dois ecrãs não combinam.
   (Verificou-se antes de extrair: os 25 valores eram iguais nos 21
   ficheiros, por isso esta consolidação não muda nada no ecrã.)

   COMO SE USA
   Uma página carrega isto ANTES do seu <style> local:

       <link rel="stylesheet" href="/assets/sinf-tokens.css">

   Quem já carrega /assets/sinf.css não precisa: essa folha importa
   este ficheiro na primeira linha.

   REGRA
   Nenhuma página nova deve escrever uma cor em código. Se falta um
   token, acrescenta-se aqui — não se inventa um hex na página.
   ===================================================================== */

:root {
    /* Marca */
    --sinf-tinta:        #162c39;  /* azul escuro — texto forte, botões */
    --sinf-tinta-clara:  #64bcf4;  /* azul claro — destaques, links */

    /* Texto */
    --sinf-texto:        #1a2b33;
    --sinf-texto-suave:  #4a5a62;
    --sinf-texto-fraco:  #8b9aa1;

    /* Superfícies */
    --sinf-fundo:        #fafbfc;
    --sinf-superficie:   #ffffff;
    --sinf-superficie-2: #f6f8f9;
    --sinf-borda:        #eaecee;
    --sinf-borda-forte:  #cdd5d9;

    /* Estados semânticos */
    --sinf-ok-fundo:     #e6f4ea;  --sinf-ok-tinta:     #1e6b3a;
    --sinf-aviso-fundo:  #fff3cd;  --sinf-aviso-tinta:  #7a5b00;
    --sinf-erro-fundo:   #fdecea;  --sinf-erro-tinta:   #a12b1f;
    --sinf-erro-borda:   #e3b5b0;
    --sinf-info-fundo:   #e6f0fa;  --sinf-info-tinta:   #1a4d8f;
    --sinf-expira-fundo: #f3e8d8;  --sinf-expira-tinta: #8a5a1a;

    /* Espaço e forma */
    --sinf-raio:         8px;
    --sinf-raio-grande:  12px;
    --sinf-largura:      760px;

    --sinf-fonte: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}