/*
 * Paleta da marca (docs/padroes/identidade-visual.md) sobre os tokens do Metronic.
 *
 * O tema vem com --bs-primary #3E97FF, que nao e a cor da Notax. Como todos os
 * componentes leem as variaveis, redefini-las aqui alinha botao, link, badge, aba e
 * grafico de uma vez, sem CSS de componente. Carregar SEMPRE depois do style.bundle.
 */
:root {
    --nx-azul: #4173C7;
    --nx-marinho: #192458;
    --nx-turquesa: #4FB4C3;
    --nx-cinza: #9FA3AA;
    --nx-cinza-texto: #6E737C;
    --nx-branco: #F9F9F9;

    --bs-primary: #4173C7;
    --bs-primary-rgb: 65, 115, 199;
    --bs-primary-active: #3965AF;
    --bs-primary-light: #ECF1F9;
    --bs-primary-inverse: #FFFFFF;
    --bs-primary-bg-subtle: #ECF1F9;
    --bs-primary-border-subtle: #C6D6EF;
    --bs-primary-text-emphasis: #2C4F8A;
    --bs-text-primary: #4173C7;

    --bs-success: #24A83D;
    --bs-success-rgb: 36, 168, 61;
    --bs-success-active: #1F9034;
    --bs-success-light: #D3EDD6;
    --bs-success-inverse: #FFFFFF;
    --bs-text-success: #24A83D;

    --bs-danger: #C43F3F;
    --bs-danger-rgb: 196, 63, 63;
    --bs-danger-active: #AC3737;
    --bs-danger-light: #FFE9E9;
    --bs-danger-inverse: #FFFFFF;
    --bs-text-danger: #C43F3F;

    --bs-warning: #E2AF0A;
    --bs-warning-rgb: 226, 175, 10;
    --bs-warning-active: #C79A09;
    --bs-warning-light: #FFEFCF;
    --bs-warning-inverse: #FFFFFF;
    --bs-text-warning: #E2AF0A;

    --bs-info: #3B82F6;
    --bs-info-rgb: 59, 130, 246;
    --bs-info-active: #2F72E0;
    --bs-info-light: #DEEAFC;
    --bs-info-inverse: #FFFFFF;
    --bs-text-info: #3B82F6;

    --nx-neutro: #AFAFAF;
    --nx-neutro-medio: #D1D1D1;
    --nx-neutro-claro: #E5E5E5;
}

/* Telas de marca sem menu: login, falha do SSO, escolha do endereco. */
.nx-marca {
    background: var(--nx-branco);
}

/*
 * Cinza Notax puro da ~2,5:1 sobre branco e reprova no WCAG AA para texto pequeno; o
 * manual manda usar a versao escurecida em texto secundario.
 */
.nx-marca .text-gray-500,
.nx-marca .text-gray-600 {
    color: var(--nx-cinza-texto) !important;
}

.nx-marca__logo {
    display: block;
    max-width: 170px;
    height: auto;
    margin: 0 auto;
}