/* custom.css — complementar ao bootstrap.min.css do tema solar */

/* Navbar com sombra quente e borda sutil na parte inferior */
.navbar { 
  box-shadow: var(--bs-box-shadow-sm); 
  transition: background .3s; 
  border-bottom: 3px solid var(--bs-primary);
}

/* Cards com hover lift e sombra quente */
.card { 
  transition: transform .2s, box-shadow .2s; 
  border: 1px solid rgba(251,86,7,0.1); 
  border-bottom: 4px solid var(--bs-primary);
}
.card:hover { 
  transform: translateY(-5px); 
  box-shadow: var(--bs-box-shadow-lg); 
}

/* Botões chamativos */
.btn { 
  border-radius: var(--bs-border-radius); 
  font-weight: 600; 
  text-transform: uppercase; 
  letter-spacing: .05em; 
  transition: all 0.3s ease;
}

/* Scrollbar customizada (webkit) */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-thumb { background: var(--bs-primary); border-radius: 4px; }
::-webkit-scrollbar-track { background: var(--bs-light); }

/* Utilitários extras */
.text-gradient {
  background: linear-gradient(135deg, var(--bs-secondary), var(--bs-primary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.solar-glow {
  box-shadow: 0 0 20px rgba(255, 190, 11, 0.6);
}

.bg-warm {
  background: linear-gradient(135deg, #FFBE0B 0%, #FB5607 100%);
  color: white;
}