:root {
  --ml-blue: #4A90E2; /* Azul Serenity */
  --ml-green-jade: #4CAF50; /* Verde Jade */
  --ml-graphite: #2E2E2E; /* Cinza Grafite */
  --ml-yellow: #F5C242; /* Amarelo Suave */
  --ml-coral: #FF6F61; /* Rosa Coral */
  --ml-gray-light: #F2F2F2; /* Cinza Claro */
  --ml-green-light: #A8E6CF; /* Verde Claro */
}

body {
  /* Usa a cor de fundo do tema Bootstrap (dark) */
  background-color: var(--bs-body-bg);
}

.bg-saida {
  background-color: var(--ml-coral) !important;
}
.bg-entrada {
  background-color: var(--ml-green-jade) !important;
}
.bg-compra {
  background-color: var(--ml-blue) !important;
}


.card-header {
  font-weight: 600;
}

.navbar-brand {
  letter-spacing: 0.3px;
}

.btn-primary {
  background-color: var(--ml-blue) !important;
  border-color: var(--ml-blue) !important;
}
.btn-success {
  background-color: var(--ml-green-jade) !important;
  border-color: var(--ml-green-jade) !important;
}
.btn-outline-danger {
  color: var(--ml-coral) !important;
  border-color: var(--ml-coral) !important;
}
.btn-outline-danger:hover {
  background-color: var(--ml-coral) !important;
  color: #fff !important;
}




.text-bg-success { background-color: var(--ml-green-jade) !important; }
.text-bg-danger { background-color: var(--ml-coral) !important; }

.badge.bg-success { background-color: var(--ml-green-jade) !important; }
.badge.bg-warning { background-color: var(--ml-yellow) !important; }

/* Action cards conforme layout */
.action-card {
  background-color: #1f1f1f;
  border-radius: 12px;
  padding: 16px 12px;
  min-height: 96px;
}
.action-card .circle {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  margin-bottom: 8px;
}
.action-card.saida .circle { background-color: var(--ml-coral); color: #efefee; }
.action-card.entrada .circle { background-color: var(--ml-green-jade); color: #efefee; }
.action-card.compra .circle { background-color: var(--ml-blue); color: #efefee; }

.action-card.saida { background-color: rgba(255, 111, 97, 0.12); }
.action-card.entrada { background-color: rgba(76, 175, 80, 0.12); }
.action-card.compra { background-color: rgba(74, 144, 226, 0.12); }