:root {
    --body-bg-color: #d9e1e8;
    --main-color: #f3f6f9;
    --toolbar-bg-color: #10233f;
    --toolbar-border-color: #263f62;
    --toolbar-icon-bg-color: #f3f6f9;
    --toolbar-icon-hover-bg-color: #ffffff;
    --button-hover-color: rgba(255, 255, 255, 0.14);
    --toggled-btn-color: #ffffff;
    --toggled-btn-bg-color: #7b3f36;
    --separator-color: rgba(255, 255, 255, 0.24);
    --field-color: #10233f;
    --field-bg-color: #ffffff;
    --field-border-color: #9fb0c0;
    --dropdown-btn-bg-color: #e7edf2;
}

#toolbarContainer,
#secondaryToolbar {
    background-color: #10233f !important;
    background-image: none !important;
}

#viewerContainer {
    background: #d9e1e8 !important;
}

#sidebarContainer {
    background: #f3f6f9 !important;
}

#scaleSelect,
#pageNumber,
.toolbarField {
    color: #10233f !important;
}