:root[data-glpi-theme=zomputer] {
  --tblr-primary-rgb: 5, 86, 167;
  --tblr-primary-fg: #fff;
  --tblr-link-color-rgb: 5, 86, 167;
  --glpi-mainmenu-bg: #00A650;
  --glpi-mainmenu-fg: #fff;
  --glpi-helpdesk-header: hsl(142deg, 40%, 85%);
  --glpi-palette-color-1: #0556A7;
  --glpi-palette-color-2: #00A650;
  --glpi-palette-color-3: #c90805;
  --glpi-palette-color-4: #fff;
  --glpi-illustrations-gradient-1: hsl(210deg, 40%, 92%);
  --glpi-illustrations-gradient-2: hsl(210deg, 40%, 72%);
  --glpi-illustrations-gradient-3: hsl(210deg, 94%, 34%);
  --glpi-logo-light: url("/pics/custom/zomputer_login_logo.png");
  --glpi-logo-dark: url("/pics/custom/zomputer_login_logo.png");
  --glpi-logo-light-reduced: url("/pics/custom/zomputer_login_logo.png");
  --glpi-logo-dark-reduced: url("/pics/custom/zomputer_login_logo.png");
  --glpi-logo-light-login: url("/pics/custom/zomputer_login_logo.png");
  --glpi-logo-dark-login: url("/pics/custom/zomputer_login_logo.png");
  --glpi-logo: url("/pics/custom/zomputer_login_logo.png");
  --glpi-logo-reduced: url("/pics/custom/zomputer_login_logo.png");
}

/* Login page: brand-green backdrop + logo shown at native aspect ratio */
:root[data-glpi-theme=zomputer] body.welcome-anonymous {
  background-color: #00A650;
}

:root[data-glpi-theme=zomputer] .page-anonymous .glpi-logo {
  content: normal;
  display: inline-block;
  background: var(--glpi-logo-dark-login) no-repeat center/contain;
  width: 280px;
  height: 75px;
}