:root {
    scroll-behavior: unset;
    scroll-behavior: inherit !important;
    --BackgroundColor: #DDDFE0;
    --BodyBackground: #E8E8E8;
    --black: #000;
    --TitleColor: #1B1E1D;
    --Outline: #D2D2D2;
    --Heading: #1B1E1D;
    --Text: #707271;
    --SideNavSelectedItemTextColor: #154a7e;
    --SideNavBackground: #226989;
    --SideNavTextColor: #FFF;
    --buttonicon: #154a7e;
    --buttonprimarybackground: #22698912;
    --buttonprimarytext: #333;
    --buttontexttertiary: #1B1E1D;
    --buttontextprimary: #F6F6F6;
    --buttonbordercolor: #cbd5e1;
    --Surface-1: #E8E8E8;
    --Surface-2: #F0F0F0;
    --Surface-3: #FAFAFA;
    --Surface-4: #FAFAFA;
    --buttonsecondary: #FAFAFA;
    --buttontertiary: #F0F0F0;
    --InteractiveGreen1: #4CB367;
    --interactive-Orange-1: #ED8F16;
    --Interactive-Red-1: #D64855;
    --Interactive-Default: #666;
    --Interactive-light: #2269892e;
    --Interactive-Disabled: rgba(72, 72, 214, 0.4);
    --Interactive-Hover: rgba(72, 72, 214, 0.8);
    --Divider: #F0F0F0;
    --IconDefault: #989998;
    --ShadowPrimitivesxs: 0px 2px 4px 0px #0000001A;
    --UserImage: #226989;
    --BorderColor: #ddd;
    --ActiveTabBackground: #22698963;
    --ActiveTabText: #333;
    --PageTitleBackgroundColor: #226989;
    --PageTitleTextColor: #FFF;
    --LogoBackground: #226989
}