/* Variáveis personalizadas (úteis caso use mais CSS puro futuramente) */
:root {
  --cor-verde: #14532d;
  --cor-laranja: #f97316;
  --cor-branco: #ffffff;
  --cor-cinza: #f3f4f6;
}

/* Reset e fonte */
body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  scroll-behavior: smooth;
}

/* Cores utilitárias */
.bg-verde {
  background-color: var(--cor-verde);
}
.text-verde {
  color: var(--cor-verde);
}
.bg-laranja {
  background-color: var(--cor-laranja);
}
.text-laranja {
  color: var(--cor-laranja);
}
.bg-branco {
  background-color: var(--cor-branco);
}
.text-branco {
  color: var(--cor-branco);
}

/* Botões */
button,
a.button,
.btn {
  transition: background-color 0.3s ease, transform 0.2s ease;
}
button:hover,
a.button:hover,
.btn:hover {
  transform: scale(1.03);
}

/* Formulários */
input[type="text"],
input[type="email"],
textarea {
  outline: none;
  border: 1px solid #ccc;
  transition: border 0.2s ease;
}

input:focus,
textarea:focus {
  border-color: var(--cor-laranja);
}

/* Seções */
section {
  scroll-margin-top: 80px;
}

/* Navbar fixa com sombra */
nav {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Portfólio */
#portfolio img {
  transition: transform 0.3s ease;
}
#portfolio img:hover {
  transform: scale(1.05);
}

/* Footer */
footer {
  font-size: 0.9rem;
}

/* Responsividade extra (caso necessário para menus colapsáveis) */
@media (max-width: 768px) {
  nav ul {
    flex-direction: column;
    background-color: var(--cor-verde);
    display: none;
  }

  nav ul.show {
    display: flex;
  }
}