/*
=========================================================
ARQUIVO: variaveis-globais.css
Este arquivo centraliza todas as variáveis visuais do sistema.
Aqui ficam definidos:
- cores principais da marca
- cores de interface
- tipografia
- bordas e arredondamentos
- sombras
- tamanhos padrões
Estas variáveis são utilizadas em todo o projeto. 
*/

/*
=========================================================
FONTES DO SISTEMA
=========================================================
*/
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {

    --cor-primaria: #0B0C12;
    --cor-secundaria: #CFD7E2;


    --cor-bt-primaria: #343a40;
    --cor-bt-font-primaria: #fff;

    /* Tipografia */
    --fonte-principal: "Inter", system-ui, -apple-system, sans-serif;

     /* Interface */
    --cor-fundo-pagina: #f5f7fa;
    --cor-borda: #d1d5db;

    /* Integração com Bootstrap */
    --bs-body-bg: var(--cor-fundo-pagina);  
    --bs-body-color: var(--cor-primaria);
    --bs-border-color: var(--cor-borda);
    --bs-font-sans-serif: var(--fonte-principal);

}