/* Sobrescreve as cores do Bootstrap */

/* cores da marca */
:root {
  --global-color-primary: #287332; /* verde escuro */
  --global-color-secondary: #21cf38; /* verde claro */
  /* novo primary */
  --bs-primary: var(--global-color-primary);
  /* novo secondary */
  --bs-secondary: var(--global-color-secondary);
}

.text-primary {
  color: var(--global-color-primary) !important;
}
.text-secondary {
  color: var(--global-color-secondary) !important;
}
.bg-primary {
  background-color: var(--global-color-primary) !important;
}

/* Define a altura do topo para dar impacto na abertura */
.hero-section {
  min-height: 85vh;
}

/* Customização do seu botão com a cor da marca */
.btn-gcc {
  background-color: #f1c40f; /* Amarelo vivo e premium */
  color: #1a1d20;
  border-radius: 8px;
  transition: 0.3s ease;
}
.btn-gcc:hover {
  background-color: #d4ac0d; /* Tom levemente mais escuro para o efeito de passar o mouse */
  color: #1a1d20;
}

/* Moldura tecnológica para a imagem se destacar no fundo dark */
.img-container {
  background: linear-gradient(145deg, #2b3035, #1a1d20);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 1rem; /* Equivalente ao rounded-4 do Bootstrap */
}

.bg-section {
  background-color: #1e2125; /* Fundo escuro para as seções */
}