/*
  variaveis.css — Paleta do portal SBS Moradias
  -------------------------------------------------
  Ordem de aplicação: incluir ANTES do main.css.

  ESTRUTURA x COR
  A estrutura das páginas segue o portal Casa Macapá (casa.macapa.ap.gov.br):
  fundo branco, campos planos, fieldsets com borda e legenda, cor só nos
  botões, nos links e na barra do rodapé.

  As CORES são as da EMHAB — Empresa Municipal de Habitação de São Bento do
  Sul. Foram medidas no logotipo oficial do SBS Moradias (a mesma família de
  cor do símbolo da EMHAB e da bandeira do município), não estimadas a olho.
  Cada cor da EMHAB ocupa exatamente o papel que a cor equivalente ocupava no
  portal de referência — por isso os tokens abaixo têm nome de PAPEL
  (--cor-acao, --cor-perigo…) e não de matiz.

  Contraste sobre branco (WCAG):
    --marca-verde      #033A2C  12,8:1
    --emhab-verde      #2E5635   8,4:1
    --municipio-verde  #008248   4,9:1   (passa AA em texto normal)
    --marca-vermelho   #DF1D20   4,9:1   (passa AA em texto normal)

  O site da EMHAB (habitacao.saobentodosul.sc.gov.br) usa o tema padrão
  "Travel" do Blogger — links laranja sobre fundo preto. Aquelas cores são do
  modelo, não da marca, e por isso não foram usadas.
*/

:root {
  /* ---- Marca (medida no logotipo) ---- */
  --marca-verde: #033A2C;             /* "SBS", ícone, slogan */
  --marca-verde-escuro: #022A20;
  --marca-vermelho: #DF1D20;          /* "MORADIAS", arco do ícone */
  --marca-vermelho-escuro: #B8171A;
  --municipio-verde: #008248;         /* verde da bandeira de São Bento do Sul */
  --municipio-verde-escuro: #006B3B;
  --emhab-verde: #2E5635;             /* casa do símbolo da EMHAB */

  /* ---- Papéis: onde cada cor entra ---- */
  --cor-barra: var(--marca-verde);            /* rodapé e capa da página do programa */
  --cor-primaria: var(--marca-verde);         /* Acessar, Cadastrar */
  --cor-primaria-hover: var(--marca-verde-escuro);
  --cor-acao: var(--municipio-verde);         /* Enviar inscrição, Pesquisar, Inscrição */
  --cor-acao-hover: var(--municipio-verde-escuro);
  --cor-perigo: var(--marca-vermelho);        /* Limpar, obrigatório, leitura obrigatória */
  --cor-perigo-hover: var(--marca-vermelho-escuro);
  --cor-link: var(--municipio-verde);         /* links de conteúdo, abas inativas */
  --cor-link-hover: var(--marca-verde);
  --anel-foco: rgba(0, 130, 72, .25);

  /* ---- Superfícies e texto (neutros, iguais ao portal de referência) ---- */
  --branco: #FFFFFF;
  --texto: #212529;
  --texto-suave: #495057;
  --texto-titulo: #3A3A3A;
  --cinza-claro: #F8F9FA;
  --borda: #DEE2E6;

  /* ---- Campos de formulário ---- */
  --campo-borda: #E5E5E5;
  --campo-fundo: #FAFAFA;
  --campo-altura: 43px;
  --campo-raio: 2px;

  /* ---- Tipografia ---- */
  --fonte: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
           "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  --fonte-base: 14px;

  /* ---- Situações da inscrição (só no painel da EMHAB) ----
     Verde e vermelho seguem a marca; os demais são funcionais e não
     pertencem à identidade visual. */
  --st-analise: #6C757D;
  --st-pendente: #FFC107;
  --st-indicado: var(--municipio-verde);
  --st-nao-indicado: var(--marca-vermelho);
  --st-aprovado: #17A2B8;
  --st-beneficiado: #6F42C1;

  /* ---- Bootstrap ----
     O Bootstrap pinta de azul tudo o que não recebe cor explícita: links,
     paginação, sanfona aberta, anel de foco, botão-link. Apontar as variáveis
     dele para a marca resolve de uma vez, sem caçar componente por componente. */
  --bs-primary: #033A2C;
  --bs-primary-rgb: 3, 58, 44;
  --bs-link-color: #008248;
  --bs-link-color-rgb: 0, 130, 72;
  --bs-link-hover-color: #033A2C;
  --bs-link-hover-color-rgb: 3, 58, 44;
  --bs-primary-text-emphasis: #033A2C;
  --bs-primary-bg-subtle: #E6F2EC;
  --bs-primary-border-subtle: #B3D6C4;
  --bs-focus-ring-color: rgba(0, 130, 72, .25);
}