:root {
    --brand-primary: #1ca9dc;
    --brand-primary-dark: #0e4c7a;
    --brand-secondary: #b9572b;
    --brand-accent-deep: #133a5e;
    --brand-sand: #f4eadf;
    --brand-ink: #1a1a1a;
    --bs-primary: #1ca9dc;
    --bs-primary-rgb: 28, 169, 220;
    --bs-secondary: #b9572b;
    --bs-secondary-rgb: 185, 87, 43;
    --bs-link-color: #1ca9dc;
    --bs-link-hover-color: #0e4c7a;
}

body {
    color: var(--brand-ink);
    background-color: var(--brand-sand);
}

a {
    color: var(--brand-primary);
}

a:hover {
    color: var(--brand-primary-dark);
}

.btn-primary,
.bg-primary,
.badge.bg-primary,
.page-item.active .page-link {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

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

.btn-outline-primary {
    color: var(--brand-primary);
    border-color: var(--brand-primary);
}

.btn-outline-primary:hover {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}

.leftside-menu {
    background: var(--brand-accent-deep);
}

.leftside-menu .logo-lg,
.leftside-menu .logo-sm {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.leftside-menu .logo-lg img {
    max-width: 100%;
    width: auto;
    height: 48px;
    object-fit: contain;
}

.leftside-menu .logo-sm img {
    width: 42px;
    height: 42px;
    object-fit: contain;
}

.leftside-menu .logo {
    height: 84px;
    padding: 0.75rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--brand-accent-deep);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.navbar-custom {
    background: #fff;
    border-bottom: 1px solid rgba(19, 58, 94, 0.08);
}

.navbar-custom .button-toggle-menu,
.topbar-menu .nav-link,
.topbar-menu .dropdown-toggle,
.topbar-menu .dropdown-toggle h5,
.topbar-menu .dropdown-toggle h6 {
    color: var(--brand-accent-deep) !important;
}

.side-nav .side-nav-link,
.side-nav .side-nav-link i,
.leftbar-user-name {
    color: rgba(255, 255, 255, 0.82) !important;
}

.side-nav .side-nav-link:hover,
.side-nav .side-nav-link:focus,
.side-nav .side-nav-item.menuitem-active > .side-nav-link,
.side-nav .side-nav-link.active {
    color: #fff !important;
    background: rgba(28, 169, 220, 0.18);
}

.side-nav-second-level li a:hover,
.side-nav-third-level li a:hover {
    color: var(--brand-primary) !important;
}

.card,
.table,
.modal-content {
    background-color: #fff;
}

.password-toggle-btn {
    border-color: #dee2e6;
    color: var(--brand-accent-deep);
}

.password-toggle-btn:hover,
.password-toggle-btn:focus {
    background-color: var(--brand-sand);
    border-color: var(--brand-primary);
    color: var(--brand-primary-dark);
}

html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .leftside-menu .logo-lg {
    display: none !important;
}

html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .leftside-menu .logo-sm {
    display: flex !important;
}

html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .leftside-menu,
html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .leftside-menu .logo {
    background: var(--brand-accent-deep) !important;
}

@media (max-width: 1140px) {
    .leftside-menu .logo {
        padding: 0.5rem;
    }

    .leftside-menu .logo-lg {
        display: none !important;
    }

    .leftside-menu .logo-sm {
        display: flex !important;
    }
}