/* ==========================================================================
   Guia de Cores / Botões — MM Licitações
   Paleta própria — sem herdar as cores padrão do Bootstrap
   Uso: <button class="btn btn-mm-primary">Texto</button>
   ========================================================================== */

:root {
	/* Paleta própria, distinta do azul/vermelho padrão do Bootstrap */
	--mm-primary:                 #1B4B66; /* azul petróleo — ação principal */
	--mm-danger:                  #B33A3A; /* vermelho-tijolo — erro, ação destrutiva */
	--mm-success:                 #4C7A54; /* verde-sálvia — confirmação, aprovado */
	--mm-warning:                 #C98A2C; /* mostarda — atenção, pendente */
	--mm-info:                    #2C8C99; /* teal — informativo, neutro */
	--mm-secondary:               #7C8A99; /* cinza-azulado — ação secundária, cancelar */
	--mm-purple:                  #7D4F9A; /* ameixa — destaque especial, opcional */
	--mm-dark:                    #1F2A33; /* carvão — texto forte, headers */
	--mm-not-participating:       #A65353;

	/* Hover: ~10% mais escuro de cada cor acima */
	--mm-primary-hover:           #143A50;
	--mm-danger-hover:            #942E2E;
	--mm-success-hover:           #3B6142;
	--mm-warning-hover:           #A87020;
	--mm-info-hover:              #21707A;
	--mm-secondary-hover:         #647380;
	--mm-purple-hover:            #653F7D;
	--mm-not-participating-hover: #8C4444;
}

/* ==========================================================================
   Classes de botão — mesma estrutura do Bootstrap (btn + variante)
   ========================================================================== */

.btn-mm-primary {
	background-color: var(--mm-primary);
	border-color: var(--mm-primary);
	color: #fff;
}

.btn-mm-primary:hover {
	background-color: var(--mm-primary-hover);
	border-color: var(--mm-primary-hover);
	color: #fff;
}

.btn-mm-danger {
	background-color: var(--mm-danger);
	border-color: var(--mm-danger);
	color: #fff;
}

.btn-mm-danger:hover {
	background-color: var(--mm-danger-hover);
	border-color: var(--mm-danger-hover);
	color: #fff;
}

.btn-mm-success {
	background-color: var(--mm-success);
	border-color: var(--mm-success);
	color: #fff;
}

.btn-mm-success:hover {
	background-color: var(--mm-success-hover);
	border-color: var(--mm-success-hover);
	color: #fff;
}

.btn-mm-warning {
	background-color: var(--mm-warning);
	border-color: var(--mm-warning);
	color: #212529; /* fundo claro, texto escuro pra contraste */
}

.btn-mm-warning:hover {
	background-color: var(--mm-warning-hover);
	border-color: var(--mm-warning-hover);
	color: #212529;
}

.btn-mm-info {
	background-color: var(--mm-info);
	border-color: var(--mm-info);
	color: #fff;
}

.btn-mm-info:hover {
	background-color: var(--mm-info-hover);
	border-color: var(--mm-info-hover);
	color: #fff;
}

.btn-mm-secondary {
	background-color: var(--mm-secondary);
	border-color: var(--mm-secondary);
	color: #fff;
}

.btn-mm-secondary:hover {
	background-color: var(--mm-secondary-hover);
	border-color: var(--mm-secondary-hover);
	color: #fff;
}

.btn-mm-purple {
	background-color: var(--mm-purple);
	border-color: var(--mm-purple);
	color: #fff;
}

.btn-mm-purple:hover {
	background-color: var(--mm-purple-hover);
	border-color: var(--mm-purple-hover);
	color: #fff;
}

.btn-mm-nao-participar {
	background-color: var(--mm-not-participating);
	border-color: var(--mm-not-participating);
	color: #fff;
}

.btn-mm-nao-participar:hover, .btn-mm-nao-participar:active {
	background-color: var(--mm-not-participating-hover) !important;
	border-color: var(--mm-not-participating-hover) !important;
	color: #fff !important;
}

.btn-mm-nao-participar:focus {
    box-shadow: none;
}

/* ==========================================================================
   Badges (mesmo padrão de cor, pra tags tipo "Segmento: Cortinas e persianas")
   ========================================================================== */

.badge-mm-primary        { background-color: var(--mm-primary);   color: #fff; }
.badge-mm-danger         { background-color: var(--mm-danger);    color: #fff; }
.badge-mm-success        { background-color: var(--mm-success);   color: #fff; }
.badge-mm-warning        { background-color: var(--mm-warning);   color: #212529; }
.badge-mm-info           { background-color: var(--mm-info);      color: #fff; }
.badge-mm-secondary      { background-color: var(--mm-secondary); color: #fff; }
.badge-mm-purple         { background-color: var(--mm-purple);    color: #fff; }
.badge-mm-nao-participar {background-color: var(--mm-not-participating); color: #fff; border: 1px solid var(--mm-not-participating);}

/* ==========================================================================
   Guia rápido de uso semântico — quando usar cada cor
   --------------------------------------------------------------------------
   mm-primary    → ação principal (salvar, confirmar, enviar)
   mm-danger     → ação destrutiva (excluir, cancelar processo, erro)
   mm-success    → aprovação, conclusão, status positivo
   mm-warning    → pendência, atenção, requer revisão
   mm-info       → informativo, neutro, sem risco (ver detalhes, filtros)
   mm-secondary  → ação secundária (voltar, fechar modal)
   mm-purple     → destaque especial, fora do fluxo padrão (usar com moderação)
   mm-dark       → texto de apoio, headers, não usar em botão de ação
   --------------------------------------------------------------------------
   Nota: os swal existentes no sistema usam #337ab7/#e31d2d (padrão Bootstrap 3)
   e continuam como estão — esta paleta é pra botões/badges novos daqui pra frente.
   ========================================================================== */