/* =========================================================
   TOKENS - Identidade visual do Governo de Sergipe
   Fonte: Manual de uso da marca (cores de apoio e tipografia).
   Azul principal RGB 22/65/148 | apoio: 0/142/207, 118/184/42, 251/186/0
   --azul-escuro e demais neutros sao derivados (nao constam no manual).

   Fontes oficiais do Governo (Prometo = texto, Amsipro = titulos) em
   Content/fonts/governo/ (.woff convertido dos originais). Montserrat segue como
   fallback caso o arquivo nao carregue. */

@font-face{font-family:'Prometo';font-weight:400;font-style:normal;font-display:swap;src:url('../../fonts/governo/Prometo-400.woff') format('woff')}
@font-face{font-family:'Prometo';font-weight:500;font-style:normal;font-display:swap;src:url('../../fonts/governo/Prometo-500.woff') format('woff')}
@font-face{font-family:'Prometo';font-weight:700;font-style:normal;font-display:swap;src:url('../../fonts/governo/Prometo-700.woff') format('woff')}
@font-face{font-family:'Prometo';font-weight:800;font-style:normal;font-display:swap;src:url('../../fonts/governo/Prometo-800.woff') format('woff')}
@font-face{font-family:'Amsipro';font-weight:700;font-style:normal;font-display:swap;src:url('../../fonts/governo/Amsipro-700.woff') format('woff')}
@font-face{font-family:'Amsipro';font-weight:800;font-style:normal;font-display:swap;src:url('../../fonts/governo/Amsipro-800.woff') format('woff')}
@font-face{font-family:'Amsipro';font-weight:900;font-style:normal;font-display:swap;src:url('../../fonts/governo/Amsipro-900.woff') format('woff')}

:root {
    /* marca */
    --azul-gov: #164194;
    --azul-escuro: #0D2A6B;
    --azul-claro: #008ECF;
    --verde: #76B82A;
    --amarelo: #FBBA00;
    /* superficie e texto (claro) */
    --bg: #F3F6FB;
    --surface: #FFFFFF;
    --surface-alt: #E9EFFA;
    --texto: #17213A;
    --texto-suave: #4B5873;
    --borda: #DAE1EE;
    --link: #164194;
    --link-hover: #0D2A6B;
    --sobre-azul: #FFFFFF; /* texto sobre fundo azul */
    --sobre-azul-suave: #D6E2FF;
    /* forma */
    --raio: 14px;
    --raio-sm: 8px;
    --sombra: 0 8px 28px rgba(22, 65, 148, .12);
    --sombra-sm: 0 2px 10px rgba(22, 65, 148, .10);
    /* tipografia */
    /* Fonte em uso: Montserrat. Para trocar pelas oficiais do governo, coloque 'Prometo' (texto)
     e 'Amsipro' (titulos) na frente de cada pilha; os @font-face acima ja estao prontos. */
    /*--fonte: 'Montserrat', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --fonte-titulo: 'Montserrat', 'Segoe UI', system-ui, sans-serif;*/
    --fonte: 'Montserrat', 'Segoe UI', system-ui, -apple-system, sans-serif;
    --fonte-titulo: 'Montserrat', 'Segoe UI', system-ui, sans-serif;
    --container: 1200px;
}

/* Alto contraste / modo escuro (equivale ao app.dark atual) */
body.darkmode {
  --bg: #080D1F;
  --surface: #111A38;
  --surface-alt: #18234A;
  --texto: #F2F5FF;
  --texto-suave: #C3CEEA;
  --borda: #2B3A6E;
  --link: #9CC0FF;
  --link-hover: #FFFFFF;
  --sombra: 0 8px 28px rgba(0, 0, 0, .5);
  --sombra-sm: 0 2px 10px rgba(0, 0, 0, .4);
}