@charset "UTF-8";
/* theme-name: Nexus */
/*
 * Tema GLPI con el branding de Nexus Q Tech: terracota #C2410C como acento,
 * tinta #14110D para el menú, fondo crema #FAF9F7. Tokens de landign_nexus.
 */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap");
:root[data-glpi-theme=nexus] {
  --nx-terracota: #C2410C;
  --nx-terracota-2: #9A3412;
  --nx-naranja: #F97316;
  --nx-suave: #FFEDD5;
  --nx-tinta: #14110D;
  --nx-tinta-2: #3A342C;
  --nx-crema: #FAF9F7;
  --nx-crema-2: #F1EEE9;
  --nx-linea: #E6E2DB;
  --nx-azul: #1D4ED8;
  --nx-verde: #157F52;
  --tblr-font-sans-serif: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --tblr-border-radius-scale: 1.4;
  --tblr-primary-rgb: 194, 65, 12;
  --tblr-primary-fg: #ffffff;
  --tblr-secondary: #6B645A;
  --tblr-info: var(--nx-azul);
  --tblr-success: var(--nx-verde);
  --tblr-link-color-rgb: 154, 52, 18;
  --tblr-body-bg: var(--nx-crema);
  --tblr-body-color: var(--nx-tinta);
  --tblr-bg-surface: #ffffff;
  --tblr-bg-surface-secondary: var(--nx-crema);
  --tblr-bg-surface-tertiary: var(--nx-crema-2);
  --tblr-border-color: var(--nx-linea);
  --tblr-navbar-color: var(--nx-tinta);
  --tblr-badge-bg: var(--nx-suave);
  --tblr-badge-color: var(--nx-terracota-2);
  --glpi-mainmenu-bg: var(--nx-tinta);
  --glpi-mainmenu-fg: #ffffff;
  --glpi-mainmenu-fg-muted: rgba(250, 249, 247, 0.70);
  --glpi-mainmenu-active-bg: var(--nx-tinta-2);
  --glpi-fg-secondary: #ffffff;
  --glpi-tabs-bg: var(--nx-crema-2);
  --glpi-tabs-fg: #6B645A;
  --glpi-tabs-active-fg: var(--nx-tinta);
  --glpi-form-header-fg: var(--nx-terracota-2);
  --glpi-badge-bg: var(--nx-suave);
  --glpi-badge-fg: var(--nx-terracota-2);
  --glpi-hover-bg: rgba(194, 65, 12, 0.06);
}

:root[data-glpi-theme=nexus] h1, :root[data-glpi-theme=nexus] h2, :root[data-glpi-theme=nexus] h3, :root[data-glpi-theme=nexus] .page-title, :root[data-glpi-theme=nexus] .card-title, :root[data-glpi-theme=nexus] .navbar-brand {
  font-family: "Space Grotesk", "Inter", sans-serif;
}
:root[data-glpi-theme=nexus] .btn {
  border-radius: 999px;
}

:root[data-glpi-theme=nexus] .page-anonymous .glpi-logo {
  object-fit: contain;
  width: 280px;
  height: 100px;
}
:root[data-glpi-theme=nexus] .page .glpi-logo {
  background-size: contain;
  background-repeat: no-repeat;
}