:root {
    --ink: #12263a;
    --paper: #f3f6f8;
    --rule: #c9d3d8;
    --gst: #b54708;
    --credit: #0f6b4c;
    --navy: #0e2a3a;
    --gold: #c59217;
}

body {
    background: var(--paper);
    color: var(--ink);
    font-family: "IBM Plex Sans", "Segoe UI", sans-serif;
}

.sidebar-wrapper,
.sidebar-wrapper .sidebar-header {
    background: var(--navy) !important;
}

.sidebar-wrapper .logo-text,
.sidebar-wrapper .menu-label {
    color: #d5dee4 !important;
}

.sidebar-wrapper .logo-icon,
html.color-sidebar .sidebar-wrapper .logo-icon,
html.dark-theme .sidebar-wrapper .logo-icon {
    width: 42px;
    height: 42px;
    object-fit: cover;
    border-radius: 8px;
    background: #000;
    filter: none !important;
}

.sidebar-wrapper .metismenu > li > a,
.sidebar-wrapper .metismenu > li > a .menu-title,
.sidebar-wrapper .metismenu > li > a .parent-icon {
    color: #e8eef2 !important;
}

.sidebar-wrapper .metismenu ul {
    background: #f4f7f8 !important;
}

.sidebar-wrapper .metismenu ul a,
.sidebar-wrapper .metismenu ul a i,
.sidebar-wrapper .metismenu ul .menu-title {
    color: var(--ink) !important;
}

.sidebar-wrapper .metismenu ul a:hover,
.sidebar-wrapper .metismenu ul .mm-active > a {
    background: rgba(14, 42, 58, 0.08) !important;
    color: var(--navy) !important;
}

.sidebar-wrapper li.bg-light,
.sidebar-wrapper .metismenu > li.bg-light {
    background: transparent !important;
    background-color: transparent !important;
}

.sidebar-wrapper li.bg-light a,
.sidebar-wrapper li.bg-light .menu-title,
.sidebar-wrapper li.bg-light .parent-icon,
.sidebar-wrapper li.bg-light .text-primary {
    color: #e8eef2 !important;
}

.page-content .card {
    border: 1px solid var(--rule);
    border-radius: 10px;
    box-shadow: 0 1px 0 rgba(18, 38, 58, 0.04);
}

.btn-primary {
    background: var(--navy);
    border-color: var(--navy);
}

.badge.bg-primary,
.gst-chip {
    background: var(--gst) !important;
}