/* Tela de login/anônima — só carrega aqui (add_css_anonymous_page).
 * Antes essa tela não recebia os tokens de marca (style.css só entra em
 * página autenticada via add_css), então o botão "Entrar" e os links
 * ficavam no azul padrão do GLPI mesmo já com a logo ESX no lugar.
 * Agora replica o mesmo bloco de variáveis pra ficar consistente. */

:root {
  --esx-navy-900: #01081b;
  --esx-navy-800: #0a1226;
  --esx-navy-700: #141d38;
  --esx-navy-border: #263056;
  --esx-gold-400: #ffea3b;
  --esx-gold-500: #fdca39;
  --esx-gold-600: #c98a1d;
  --esx-ink: #1a1200;

  --tblr-primary: var(--esx-gold-500) !important;
  --tblr-primary-rgb: 253, 202, 57 !important;
  --tblr-primary-fg: var(--esx-ink) !important;
  --tblr-primary-darken: var(--esx-gold-600) !important;
  --tblr-body-bg: var(--esx-navy-900) !important;
  --tblr-bg-surface: var(--esx-navy-800) !important;
  --tblr-bg-surface-tertiary: var(--esx-navy-700) !important;
  --tblr-bg-surface-dark: var(--esx-navy-900) !important;
  --tblr-border-color: var(--esx-navy-border) !important;
  --tblr-navbar-color: var(--esx-navy-900) !important;
  --tblr-link-color: var(--esx-gold-400) !important;
  --tblr-link-color-rgb: 255, 234, 59 !important;
}

body {
  background: radial-gradient(circle at top, #0a1226 0%, #01081b 70%);
}
.card {
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .45);
}
.btn-primary {
  transition: transform .08s ease, box-shadow .12s ease;
}
.btn-primary:hover {
  box-shadow: 0 2px 10px rgba(253, 202, 57, .4);
}

/* Slogan abaixo da logo (inserido via login.js, já que a logo é um
 * background-image sem espaço nativo pra texto). */
.esx-login-tagline {
  display: block;
  text-align: center;
  color: var(--esx-gold-400);
  font-size: .8rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-top: .35rem;
  margin-bottom: 1.25rem;
  opacity: .9;
}

/* Rodapé (texto trocado via login.js, de link do GLPI pra texto simples
 * nosso) — reforça visual de "não é mais link" e mantém discreto. */
.copyright,
a.copyright {
  color: rgba(255, 234, 59, .55) !important;
  text-decoration: none !important;
  cursor: default !important;
}