:root {
    --logis-blue: #0D062E;
    --logis-red: #E50202;
}

body {
    background-color: #f8f9fa;
}

.bg-logis-blue {
    background-color: var(--logis-blue) !important;
    color: #ffffff !important;
}

.bg-logis-red {
    background-color: var(--logis-red) !important;
    color: #ffffff !important;
}

.text-logis-blue {
    color: var(--logis-blue) !important;
}

.text-logis-red {
    color: var(--logis-red) !important;
}

/* Sidebar Custom Styling */
.sidebar-dark {
    --cui-sidebar-bg: var(--logis-blue);
    --cui-sidebar-nav-link-active-bg: rgba(229, 2, 2, 0.2);
    --cui-sidebar-nav-link-active-color: #ffffff;
}

.sidebar-nav .nav-link.active {
    border-left: 4px solid var(--logis-red) !important;
}

/* Buttons Styling */
.btn-primary {
    background-color: var(--logis-red) !important;
    border-color: var(--logis-red) !important;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #b80101 !important;
    border-color: #b80101 !important;
}

.btn-secondary-logis {
    background-color: var(--logis-blue) !important;
    border-color: var(--logis-blue) !important;
    color: #ffffff !important;
}

.btn-secondary-logis:hover {
    background-color: #060216 !important;
    color: #ffffff !important;
}

/* Card Headers Overrides */
.card-header-logis {
    background-color: var(--logis-blue) !important;
    color: #ffffff !important;
    font-weight: bold;
}