/**
 * Paleta Reloadse aplicada sobre o tema Metronic.
 *
 * O tema vinha com um azul (#024E9A) e um verde-água (#4DA398) próprios. Este
 * arquivo troca esses dois tons pelos da identidade da Reloadse, sem tocar no
 * bundle do tema: todas as classes utilitárias do Metronic (.bg-primary,
 * .bg-light-success, .badge-*, .btn-*, .text-*) resolvem a cor por variável
 * CSS, então basta redefinir as variáveis.
 *
 * Branco, cinzas e vermelho de erro ficam como estão.
 *
 * Tokens de origem (site da empresa, assets/css/site.css):
 *   azul    #005792 (blue-700)  #0068ad (blue-600)  #0094f8 (blue-400)
 *   navy    #00395f (navy-800)  #00243f (navy-900)
 *   verde   #008060 (green-600) #00cc99 (green-400)
 *   fundos  #ffffff  #f3f7fc  #e9f2fb
 *
 * Carregado por último em Application/view/new-layout/main.phtml.
 */

:root,
[data-bs-theme="light"] {
    /* Azul principal. */
    --bs-primary: #005792;
    --bs-primary-rgb: 0, 87, 146;
    --bs-primary-active: #00395f;
    --bs-primary-light: #e9f2fb;
    --bs-primary-inverse: #ffffff;
    --bs-primary-bg-subtle: #e9f2fb;
    --bs-primary-border-subtle: #b8d4e8;
    --bs-primary-text-emphasis: #00243f;

    /**
     * Estrutura das telas. A faixa do topo, onde ficam o título da página e o
     * caminho de navegação, vinha verde-água (#DBEDEA) do tema: passa a ser o
     * azul suave da marca, dissolvendo no fundo da página.
     */
    --bs-app-bg-color: #f3f7fc;
    --bs-app-toolbar-bg: linear-gradient(180deg, #e9f2fb 0%, #f3f7fc 100%);

    /* Verde de confirmação. */
    --bs-success: #008060;
    --bs-success-rgb: 0, 128, 96;
    --bs-success-active: #00543f;
    --bs-success-light: #eafaf5;
    --bs-success-inverse: #ffffff;
    --bs-success-bg-subtle: #eafaf5;
    --bs-success-border-subtle: #a7ddcd;
    --bs-success-text-emphasis: #00503c;
}

/**
 * Os botões do Bootstrap 5 não leem --bs-primary: cada variante declara as
 * próprias variáveis com a cor já resolvida. São os únicos pontos do tema com
 * a cor escrita à mão, por isso aparecem repetidos aqui.
 *
 * A progressão escurece com a interação: normal #005792, sobre o cursor #004a7c,
 * pressionado #00395f (navy-800). O mesmo vale para o verde.
 */
.btn-primary {
    --bs-btn-bg: #005792;
    --bs-btn-border-color: #005792;
    --bs-btn-hover-bg: #004a7c;
    --bs-btn-hover-border-color: #004a7c;
    --bs-btn-active-bg: #00395f;
    --bs-btn-active-border-color: #00395f;
    --bs-btn-disabled-bg: #005792;
    --bs-btn-disabled-border-color: #005792;
    --bs-btn-focus-shadow-rgb: 0, 87, 146;
}

.btn-outline-primary {
    --bs-btn-color: #005792;
    --bs-btn-border-color: #005792;
    --bs-btn-hover-bg: #005792;
    --bs-btn-hover-border-color: #005792;
    --bs-btn-active-bg: #00395f;
    --bs-btn-active-border-color: #00395f;
    --bs-btn-disabled-color: #005792;
    --bs-btn-disabled-border-color: #005792;
    --bs-btn-focus-shadow-rgb: 0, 87, 146;
}

/**
 * O verde novo é escuro, ao contrário do verde-água que o tema trazia: o texto
 * dos botões e badges verdes passa de preto para branco.
 */
.btn-success {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #008060;
    --bs-btn-border-color: #008060;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #006b50;
    --bs-btn-hover-border-color: #006b50;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #00543f;
    --bs-btn-active-border-color: #00664d;
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #008060;
    --bs-btn-disabled-border-color: #008060;
    --bs-btn-focus-shadow-rgb: 0, 128, 96;
}

.btn-outline-success {
    --bs-btn-color: #008060;
    --bs-btn-border-color: #008060;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #008060;
    --bs-btn-hover-border-color: #008060;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #00543f;
    --bs-btn-active-border-color: #00543f;
    --bs-btn-disabled-color: #008060;
    --bs-btn-disabled-border-color: #008060;
    --bs-btn-focus-shadow-rgb: 0, 128, 96;
}

/* Fundo verde cheio: o utilitário do tema força texto preto. */
.bg-success {
    color: #ffffff !important;
}

/* Abas em pílula e barra de progresso também traziam o azul à mão. */
.nav-pills {
    --bs-nav-pills-link-active-bg: #005792;
}

.progress,
.progress-stacked {
    --bs-progress-bar-bg: #005792;
}

/**
 * Dois pontos do CSS próprio do sistema (new-layout/css/app.css) também traziam
 * o azul antigo escrito à mão.
 */

/* Indicador de carregamento. */
.pre-loader .spin {
    border-top-color: #005792;
}

/* Pílula dos filtros aplicados nas listagens. */
.input-filtro-container {
    background-color: #00243f;
}