/* ============================================================================
   IDENTIDADE VISUAL ADESBAM — fonte ÚNICA da cor de marca.
   Vermelho institucional: RGB(174, 42, 42) = #AE2A2A.

   Carregado por `base.html` (login e telas fora do portal) E por
   `base_portal.html`, SEMPRE antes dos demais CSS. Só contém tokens de marca e
   a harmonização do Bootstrap — nada de layout (isso fica em sga-style.css /
   portal.css, que apenas consomem estes tokens).

   Trocar a cor da marca = mexer APENAS neste arquivo.
   ============================================================================ */
:root {
    --adesbam-red: #ae2a2a;
    --adesbam-red-rgb: 174, 42, 42;
    --adesbam-red-dark: #8c2020;   /* hover / fim do gradiente do cabeçalho */
    --adesbam-red-light: #c94040;  /* realces e foco de campo */

    /* Bootstrap: as utilitárias (.text-primary/.bg-primary) leem o *-rgb. */
    --bs-primary: var(--adesbam-red);
    --bs-primary-rgb: var(--adesbam-red-rgb);
    --bs-link-color-rgb: var(--adesbam-red-rgb);
    --bs-link-hover-color: var(--adesbam-red-dark);
}

/* O Bootstrap compila os variants de botão com hex literal (não via --bs-primary),
   por isso o override precisa ser explícito. */
.btn-primary {
    --bs-btn-bg: var(--adesbam-red);
    --bs-btn-border-color: var(--adesbam-red);
    --bs-btn-hover-bg: var(--adesbam-red-dark);
    --bs-btn-hover-border-color: var(--adesbam-red-dark);
    --bs-btn-active-bg: var(--adesbam-red-dark);
    --bs-btn-active-border-color: var(--adesbam-red-dark);
    --bs-btn-disabled-bg: var(--adesbam-red);
    --bs-btn-disabled-border-color: var(--adesbam-red);
}

.btn-outline-primary {
    --bs-btn-color: var(--adesbam-red);
    --bs-btn-border-color: var(--adesbam-red);
    --bs-btn-hover-bg: var(--adesbam-red);
    --bs-btn-hover-border-color: var(--adesbam-red);
    --bs-btn-active-bg: var(--adesbam-red);
    --bs-btn-active-border-color: var(--adesbam-red);
    --bs-btn-disabled-color: var(--adesbam-red);
    --bs-btn-disabled-border-color: var(--adesbam-red);
}

/* Foco de formulário: o Bootstrap traz azul fixo no CSS compilado. */
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: var(--adesbam-red-light);
    box-shadow: 0 0 0 0.25rem rgba(var(--adesbam-red-rgb), 0.25);
}

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