:root {
    --domper-primary: #B92525;
    --domper-primary-dark: #9e1f1f; /* hover/ativo */
}

/* =======================
   BOTÕES
   ======================= */
.btn,
.btn-sm,
.btn-primary,
.btn-success,
.btn-info,
.btn-danger,
.btn-warning,
.btn-light,
.btn-dark {
    background-color: var(--domper-primary) !important;
    color: #fff !important;
    border: none !important;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-danger:hover,
.btn-warning:hover,
.btn-light:hover,
.btn-dark:hover {
    background-color: var(--domper-primary-dark) !important;
    color: #fff !important;
}

/* BOTÃO Sair específico */
.btn-danger {
    background-color: var(--domper-primary) !important;
    border: none !important;
}

.btn-danger:hover {
    background-color: var(--domper-primary-dark) !important;
}

/* =======================
   ABAS
   ======================= */
.nav-tabs .nav-link {
    color: #000 !important;           /* inativa: preto */
    font-weight: bold;                /* inativa: bold */
    background-color: transparent !important;
    border: none !important;
}

.nav-tabs .nav-link.active {
    color: var(--domper-primary) !important;  /* ativa: vermelho */
    font-weight: bold;
    background-color: transparent !important;
    border-bottom: 2px solid var(--domper-primary) !important; /* underline para destacar */
}

/* =======================
   TOASTS
   ======================= */
.toast-header.bg-success {
    background-color: var(--domper-primary) !important;
    color: #fff !important;
}

/* =======================
   TÍTULOS E ELEMENTOS IMPORTANTES
   ======================= */
h1, h2, h3, h4, h5, h6, .card-title {
    color: var(--domper-primary);
}

/* =======================
   FORM CONTROLS
   ======================= */
.form-control:focus {
    border-color: var(--domper-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(185, 37, 37, 0.25) !important;
}

/* =======================
   CARDS E SHADOWS
   ======================= */
.card {
    border: 1px solid #ddd;
    border-radius: 0.5rem;
}

.card-header {
    font-weight: bold;
    color: var(--domper-primary);
}