:root {
    --xefi-ink: #121720;
    --xefi-ink-soft: #2b3444;
    --xefi-red: #d71920;
    --xefi-red-dark: #a90f16;
    --xefi-yellow: #ffc400;
    --xefi-teal: #187782;
    --xefi-paper: #f5f7fb;
    --xefi-line: #d9dee8;
    --tblr-primary-rgb: 215, 25, 32;
    --tblr-primary: rgb(var(--tblr-primary-rgb));
    --tblr-primary-fg: #ffffff;
    --tblr-link-color-rgb: 215, 25, 32;
    --tblr-link-color: var(--xefi-red);
    --glpi-mainmenu-bg: var(--xefi-ink);
    --glpi-mainmenu-fg: #ffffff;
    --glpi-mainmenu-fg-muted: rgba(255, 255, 255, 0.72);
    --glpi-mainmenu-active-bg: #d71920;
    --glpi-navbar-color: #ffffff;
    --glpi-logo-light: url("../pics/logos/xefi-bondy-logo-light.svg");
    --glpi-logo-light-reduced: url("../pics/logos/xefi-bondy-mark.svg");
    --glpi-logo-dark: url("../pics/logos/xefi-bondy-logo-dark.svg");
    --glpi-logo-dark-reduced: url("../pics/logos/xefi-bondy-mark.svg");
    --glpi-logo-dark-login: url("../pics/logos/xefi-bondy-logo-dark.svg");
    --glpi-logo-light-login: url("../pics/logos/xefi-bondy-logo-light.svg");
    --glpi-logo: var(--glpi-logo-light);
    --glpi-logo-reduced: var(--glpi-logo-light-reduced);
}

.page .glpi-logo,
.page-anonymous .glpi-logo {
    display: inline-block;
    width: 174px;
    height: 55px;
    background: var(--glpi-logo) center / contain no-repeat !important;
    content: normal !important;
}

body.navbar-collapsed .navbar-brand .glpi-logo,
.sidebar .navbar-brand .glpi-logo {
    background: var(--glpi-logo-reduced) center / contain no-repeat !important;
}

body.navbar-collapsed .navbar-brand .glpi-logo {
    width: 44px;
}

.navbar-dark.topbar,
.navbar.topbar {
    background: var(--xefi-ink) !important;
}

.sidebar {
    background: var(--xefi-ink) !important;
}

.navbar .navbar-brand {
    min-width: 174px;
}

.navbar .nav-link.active,
.navbar .nav-item.show > .nav-link,
.sidebar .nav-link.active,
.sidebar .nav-item.show > .nav-link {
    color: #ffffff !important;
    background: var(--xefi-red) !important;
}

.navbar .nav-link:hover,
.sidebar .nav-link:hover {
    color: #ffffff !important;
    background: rgba(215, 25, 32, 0.18) !important;
}

.btn-primary,
.btn-outline-primary:hover,
.dropdown-item.active,
.dropdown-item:active {
    border-color: var(--xefi-red) !important;
    background-color: var(--xefi-red) !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus {
    border-color: var(--xefi-red-dark) !important;
    background-color: var(--xefi-red-dark) !important;
}

a,
.link-primary {
    color: var(--xefi-red);
}

a:hover {
    color: var(--xefi-red-dark);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--xefi-red);
    box-shadow: 0 0 0 0.25rem rgba(215, 25, 32, 0.14);
}

.badge,
.glpi-badge {
    border-radius: 4px;
}

.bg-primary,
.text-bg-primary {
    background-color: var(--xefi-red) !important;
    color: #ffffff !important;
}

.border-primary {
    border-color: var(--xefi-red) !important;
}

.progress-bar {
    background-color: var(--xefi-red);
}

.modal-header {
    border-top: 4px solid var(--xefi-red);
}

.page-wrapper {
    background:
        linear-gradient(180deg, rgba(245, 247, 251, 0.95), rgba(245, 247, 251, 1)),
        linear-gradient(135deg, rgba(215, 25, 32, 0.04), rgba(24, 119, 130, 0.04));
}