:root{
  --brand:#e6a60e;
  --brand-100:#fdf3d7;
  --brand-200:#fbe5a0;
  --brand-300:#f7d36b;
  --brand-400:#f0be38;
  --brand-500:#e6a60e; /* principal */
  --brand-600:#c98d0b;
  --brand-700:#a67309;
  --brand-800:#845b07;
  --brand-900:#6b4906;
  --brand-secondary:#454546;
  --brand-font:'Inter', sans-serif;
}

.bg-primary{background-color:var(--brand-500)!important}
.text-primary{color:var(--brand-500)!important}
.btn-primary{background-color:var(--brand-500);border-color:var(--brand-600)}
.btn-primary:hover{background-color:var(--brand-600);border-color:var(--brand-700)}

body {
  /* background: url('../img/background.png') no-repeat center center fixed;
  background-size: cover;
  background-attachment: fixed; */
  background-color: #f8fafc;
  min-height: 100vh;
  font-family: var(--brand-font), -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.welcome-card{background:white;border-left:6px solid var(--brand-500)}

/* Form spacing */
.form-label{font-weight:600}

/* Content wrapper with transparent background */
.content-wrapper {
  background-color: transparent;
  border: none;
}

/* Transparent content wrapper for specific pages */
.transparent-page .content-wrapper {
  background-color: transparent;
  backdrop-filter: none;
  border: none;
  box-shadow: none;
}

/* Container styling for auth forms */
.auth-container {
  background-color: transparent;
  box-shadow: none;
}

/* Make portfolio view wider */
.portfolio-view-container {
  max-width: 95%;
  margin: 0 auto;
}

/* Botões customizados para login/cadastro no menu */
.module-button-login {
  background: linear-gradient(90deg, #f7b731 0%, #f5cd79 100%);
  color: #333 !important;
  border: 1px solid #f7b731;
  font-weight: 600;
  box-shadow: 0 2px 6px rgba(247,183,49,0.15);
}
.module-button-login:hover {
  background: linear-gradient(90deg, #f5cd79 0%, #f7b731 100%);
  color: #222 !important;
}

.module-button-register {
  background: linear-gradient(90deg, #38ada9 0%, #78e08f 100%);
  color: #fff !important;
  border: 1px solid #38ada9;
  font-weight: 600;
  box-shadow: 0 2px 6px rgba(56,173,169,0.15);
}
.module-button-register:hover {
  background: linear-gradient(90deg, #78e08f 0%, #38ada9 100%);
  color: #fff !important;
}

/* Fundo do menu hamburguer (mobile) */
.menu-mobile-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(34, 34, 34, 0.85);
  z-index: 9999;
  display: none;
}
.menu-mobile-bg.show {
  display: block;
}

@media (max-width: 991px) {
  .navbar-nav {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 100vw;
    padding-top: 48px;
    padding-left: 24px;
  }
  .navbar-nav .nav-item {
    width: 80vw;
    justify-content: flex-start;
    margin-bottom: 12px;
  }
  .navbar-nav .nav-link {
    width: 100%;
    text-align: left;
    font-size: 1.2rem;
    padding: 12px 0;
  }
}