@import "./styles/variaveis.css";   /* identidade visual */
@import "./styles/base.css";        /* reset + tipografia */
@import "./styles/layout.css";      /* estrutura de páginas */
@import "./styles/componentes.css"; /* cards, botões, menu */


:root {
  /* 🎨 Cores institucionais */
  --cor-verde: #BBE56B;
  --cor-preto: #212121;
  --cor-azul: #69C2DD;
  --cor-branco: #FFFFFF;

  /* 🎨 Aplicação semântica */
  --cor-fundo: var(--cor-preto);
  --cor-texto-principal: var(--cor-branco);
  --cor-texto-secundario: #bdbdbd;

  --cor-destaque: var(--cor-verde);
  --cor-link: var(--cor-azul);

  /* 📐 Layout */
  --largura-maxima: 100vw;

  /* 📏 Espaçamentos */
  --espaco-sm: 8px;
  --espaco-md: 16px;
  --espaco-lg: 32px;

  /* 🔲 Bordas */
  --borda-md: 8px;
}