/* Paleta da marca VectorTrap — azul (principal) e dourado (destaque), tiradas do logo.
   Ajuste --brand-* / --accent-* aqui e todo o painel acompanha. */
:root {
    --brand: #20274d;
    --brand-rgb: 32, 39, 77;
    --brand-dark: #1a2040;
    --brand-darker: #151a36;
    --brand-light: #6b73a3;
    --brand-subtle: #e8e9f1;
    --brand-gradient: linear-gradient(135deg, #2f3870 0%, var(--brand-darker) 100%);

    --accent: #f9b233;
    --accent-rgb: 249, 178, 51;
    --accent-dark: #e09a1a;
    --accent-subtle: #fef3dc;

    --bs-primary: var(--brand);
    --bs-primary-rgb: var(--brand-rgb);
    --bs-primary-text-emphasis: #0d1020;
    --bs-primary-bg-subtle: var(--brand-subtle);
    --bs-primary-border-subtle: #b9bdd4;
    --bs-link-color: var(--brand);
    --bs-link-color-rgb: var(--brand-rgb);
    --bs-link-hover-color: var(--brand-darker);
    --bs-link-hover-color-rgb: 21, 26, 54;
    --bs-focus-ring-color: rgba(var(--brand-rgb), .25);

    /* O "warning" do Bootstrap vira o dourado da marca (pendências, alertas). */
    --bs-warning: var(--accent);
    --bs-warning-rgb: var(--accent-rgb);
    --bs-warning-text-emphasis: #7a5000;
    --bs-warning-bg-subtle: var(--accent-subtle);
    --bs-warning-border-subtle: #fcdca0;
}

/* Botões do Bootstrap trazem as cores fixas no CSS compilado, não derivadas de --bs-primary. */
.btn-primary {
    --bs-btn-bg: var(--brand);
    --bs-btn-border-color: var(--brand);
    --bs-btn-hover-bg: var(--brand-dark);
    --bs-btn-hover-border-color: var(--brand-darker);
    --bs-btn-active-bg: var(--brand-darker);
    --bs-btn-active-border-color: var(--brand-darker);
    --bs-btn-disabled-bg: var(--brand);
    --bs-btn-disabled-border-color: var(--brand);
    --bs-btn-focus-shadow-rgb: var(--brand-rgb);
}

.btn-outline-primary {
    --bs-btn-color: var(--brand);
    --bs-btn-border-color: var(--brand);
    --bs-btn-hover-bg: var(--brand);
    --bs-btn-hover-border-color: var(--brand);
    --bs-btn-active-bg: var(--brand);
    --bs-btn-active-border-color: var(--brand);
    --bs-btn-disabled-color: var(--brand);
    --bs-btn-disabled-border-color: var(--brand);
    --bs-btn-focus-shadow-rgb: var(--brand-rgb);
}

/* Texto escuro sobre dourado: branco não tem contraste suficiente. */
.btn-warning {
    --bs-btn-color: var(--brand);
    --bs-btn-bg: var(--accent);
    --bs-btn-border-color: var(--accent);
    --bs-btn-hover-color: var(--brand);
    --bs-btn-hover-bg: var(--accent-dark);
    --bs-btn-hover-border-color: var(--accent-dark);
    --bs-btn-active-color: var(--brand);
    --bs-btn-active-bg: var(--accent-dark);
    --bs-btn-active-border-color: var(--accent-dark);
    --bs-btn-focus-shadow-rgb: var(--accent-rgb);
}

.btn-outline-warning {
    --bs-btn-color: #7a5000;
    --bs-btn-border-color: var(--accent);
    --bs-btn-hover-color: var(--brand);
    --bs-btn-hover-bg: var(--accent);
    --bs-btn-hover-border-color: var(--accent);
    --bs-btn-active-color: var(--brand);
    --bs-btn-active-bg: var(--accent-dark);
    --bs-btn-active-border-color: var(--accent-dark);
    --bs-btn-focus-shadow-rgb: var(--accent-rgb);
}

/* text-warning sobre fundo branco fica ilegível no dourado puro. */
.text-warning { color: #b87a00 !important; }

.alert-warning {
    --bs-alert-color: #7a5000;
    --bs-alert-bg: var(--accent-subtle);
    --bs-alert-border-color: #fcdca0;
}

/* Filete dourado sob a barra do painel, como no logo. */
.navbar.bg-primary { border-bottom: 3px solid var(--accent); }

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: var(--brand-light);
    box-shadow: 0 0 0 .25rem rgba(var(--brand-rgb), .25);
}

.form-check-input:checked {
    background-color: var(--brand);
    border-color: var(--brand);
}