/* Tela de login (página anônima, sempre no tema padrão). Arquivos relativos a /plugins/uxtecnisys/.
   As variáveis do Tabler são calculadas no elemento raiz, então precisam ser redefinidas nele. */
@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("../fonts/montserrat-latin-var.woff2") format("woff2");
}

html:root[data-glpi-theme] {
    --tblr-font-sans-serif: "Montserrat", Tahoma, system-ui, -apple-system, "Segoe UI", sans-serif;
    --tblr-primary-rgb: 0, 48, 135;
    --tblr-primary-fg: #fff;
    --tblr-link-color-rgb: 0, 48, 135;
    --tblr-link-hover-color-rgb: 20, 35, 74;
    --tblr-body-color: #1f2430;
    --tblr-body-color-rgb: 31, 36, 48;
    --tblr-muted: #5b6270;
}

/* url() direto em "content": dentro de uma variável a URL seria resolvida contra a folha do GLPI */
.page-anonymous .glpi-logo {
    content: url("../pics/logo-blue.svg");
    width: 260px;
    height: 40px;
    object-fit: contain;
}

/* Tela de confirmação de senha ("área sensível") do tema escuro: usa este layout com o usuário logado */
html:root[data-glpi-theme][data-glpi-theme-dark="1"] {
    --tblr-primary-rgb: 47, 95, 214;
    --tblr-link-color-rgb: 143, 176, 255;
    --tblr-link-hover-color-rgb: 199, 214, 255;
    --tblr-body-color: #e6e8ec;
    --tblr-body-color-rgb: 230, 232, 236;
    --tblr-muted: #9aa0ab;
}

html:root[data-glpi-theme][data-glpi-theme-dark="1"] .page-anonymous .glpi-logo {
    content: url("../pics/logo-white.svg");
}