/* static/css/style.css */

:root {
    /* --- PRIMARY COLOR (Cor principal, botões salvar, links ativos) --- */
    /* Exemplo: Um Azul Royal mais sério para sistema eclesiástico */
    --bs-primary: #0a375e; 
    --bs-primary-rgb: 15, 76, 129; 

    /* Cor do texto dentro do botão primary (se o fundo for escuro, use branco) */
    --bs-primary-text-emphasis: #ffffff; 

    /* --- SECONDARY COLOR (Botões de voltar, cancelar, textos secundários) --- */
    /* Exemplo: Um cinza chumbo */
    --bs-secondary: #5c636a;
    --bs-secondary-rgb: 92, 99, 106;

    /* --- TERTIARY COLOR --- */
    /* O Bootstrap 5.3 usa 'tertiary' principalmente para fundos (bg-body-tertiary) */
    /* Exemplo: Um cinza bem clarinho (quase branco) para o fundo da página */
    --bs-tertiary-bg: #f0f2f5;
    --bs-tertiary-bg-rgb: 240, 242, 245;
}

/* --- AJUSTES EXTRAS PARA BOTÕES --- */
/* Isso garante que o hover (passar o mouse) fique um pouco mais escuro que a cor original */

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: #0c3d68; /* Uma versão 10% mais escura da sua primary */
    --bs-btn-hover-border-color: #0b3961;
}

.btn-secondary {
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-bg: #4b5157; /* Versão mais escura da secondary */
    --bs-btn-hover-border-color: #444a4f;
}

/* Opcional: Se quiser criar um botão "btn-tertiary" que não existe por padrão */
.btn-tertiary {
    background-color: #D4AF37; /* Ex: Dourado */
    color: #fff;
    border: 1px solid #D4AF37;
}
.btn-tertiary:hover {
    background-color: #aa8c2c;
    color: #fff;
}

/* 1. Define a cor quando o switch está MARCADO (Checked) */
.form-check-input:checked {
    background-color: #0a375e; /* <--- COLOQUE AQUI A SUA COR HEXADECIMAL */
    border-color: #0a375e;     /* <--- A MESMA COR AQUI */
}

/* 2. (Opcional) Ajusta o brilho ao clicar (Focus) para combinar */
.form-check-input:focus {
    border-color: #0a375e;
    /* O box-shadow cria aquele brilho ao redor. 
        O último número (0.25) é a transparência. */
    box-shadow: 0 0 0 0.25rem rgba(139, 0, 0, 0.25); 
}

.hover-danger {
    text-decoration: none;
    transition: color 0.2s;
}

/* O SEGREDO ESTÁ AQUI: */
/* A vírgula e o asterisco (*) dizem: "Mude a cor do link E DE TUDO DENTRO DELE" */
.hover-danger:hover, 
.hover-danger:hover * {
    color: #dc3545 !important; /* Vermelho */
    cursor: pointer;
}