.fi-body {
    background: #f6f3ec;
    --primary-500: #2c3e54;
    --primary-600: #2c3e54;
    --primary-700: #1c2a3a;
}

.fi-btn.fi-color-primary {
    background-color: #ffb100;
    color: #2c3e54;
}

.fi-btn.fi-color-primary:hover {
    background-color: #f59c08;
    color: #1c2a3a;
}

.fi-sidebar.fi-main-sidebar {
    background: #1c2a3a;
    border-inline-end: 0;
}

.fi-sidebar .fi-sidebar-header {
    background: transparent;
    box-shadow: none;
    ring: 0;
}

.fi-sidebar .fi-logo {
    color: #ffffff;
}

.fi-sidebar .fi-sidebar-group-label {
    color: #ffb100;
}

.fi-sidebar .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item-btn,
.fi-sidebar .fi-sidebar-item-btn .fi-icon {
    color: #e8edf2;
}

.fi-sidebar .fi-sidebar-item-btn:hover {
    background: rgba(255, 177, 0, 0.14);
}

.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background: #ffb100;
}

.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-icon {
    color: #2c3e54;
}

.fi-topbar {
    background: #ffffff;
    border-bottom: 3px solid #ffb100;
}

.fi-simple-main {
    border-top: 6px solid #ffb100;
}