/*
  Cores compatíveis com o sistema tarefas (verde #00c89d)
  Use esta folha para padronizar botões, links e destaques do tarefas_clientes
*/

:root {
  --cor-principal: #00c89d;
  --cor-principal-escura: #00997a;
  --cor-principal-clara: #e6fcf7;
}

.btn-primary, .btn-success, .btn-login, .login-btn {
  background: var(--cor-principal) !important;
  border-color: var(--cor-principal) !important;
  color: #fff !important;
  font-weight: bold;
  transition: background 0.2s, border 0.2s;
}

.btn-primary:hover, .btn-success:hover, .btn-login:hover, .login-btn:hover {
  background: var(--cor-principal-escura) !important;
  border-color: var(--cor-principal-escura) !important;
  color: #fff !important;
}

a, .link {
  color: var(--cor-principal);
}

a:hover, .link:hover {
  color: var(--cor-principal-escura);
}

input:focus, select:focus, textarea:focus {
  border-color: var(--cor-principal);
  box-shadow: 0 0 0 0.2rem rgba(0,200,157,0.15);
}

h1, h2, h3, h4, h5, h6, .titulo {
  color: var(--cor-principal);
}

.alert-success {
  background: var(--cor-principal-clara);
  color: var(--cor-principal-escura);
  border-color: var(--cor-principal);
}

/* Gradiente de fundo para login */
.bg-login-gradient {
  background: linear-gradient(135deg, #00c89d 0%, #00997a 100%) !important;
}

/* Navbar Toggler - Menu Hamburguer (telas pequenas) */
.navbar-toggler {
  border: 2px solid rgba(255,255,255,0.6) !important;
  padding: 8px 10px;
  border-radius: 5px;
  background: rgba(255,255,255,0.15) !important;
  transition: all 0.3s;
}

.navbar-toggler:hover {
  background: rgba(255,255,255,0.25) !important;
  border-color: rgba(255,255,255,0.9) !important;
}

.navbar-toggler:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,0.3) !important;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.95)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
  width: 24px;
  height: 24px;
  display: inline-block;
}