:root {
    --Background: #f8f9fc;
    --MainButtonBG: #4a8a9a;
    --MainButtonColor: white;
    --MainButtonBGHover: #2c9faf;
    --MainButtonColorHover: black;

    --SecondaryButtonBG: white;
    --SecondaryButtonBGHover: #2c9faf;
    --SecondaryButtonColor: #36b9cc;
    --SecondaryButtonColorHover: black;

    --DangerButtonBG: #ff6347;
    --DangerButtonBGHover: FireBrick;
    --DangerButtonColorHover: black;

    --NavLinkColor: #4e73df;
    --NavLinkColorHover: #2e59d9;

    --SidebarBackground: black;

    --UserSidebarBG: rgb(78, 115, 223);
    --AdminSiderbarBG: #0d0d0d;

    /* Teal button background & border */
    --PrintGreen: #36b9cc;
    /* Teal button hover background & border */
    --ScreenGreen: #2a96a5;
    /* Topbar, loading screen backgrounds */
    --White: #ffffff;
    /* Fallback app & login-container background, sidebar toggle button */
    --Grey1: rgba(255, 255, 255, 0.1);
    --Grey2: #e5e5e5;
    /* Hover background for sidebar toggle button */
    --Grey3: rgba(255, 255, 255, 0.2);
    --Black: #000000;
    /* Link dropdown, Login, page header (forms-header), content-pane font colors, icons in topbar dropdown */
    --UniversalGrey: #858796;
    /* Sidebar background and font color */
    --Sidebar-background: black;
    --Sidebar-color: white;
    /* Portal Sidebar background and font color */
    --PortalSidebar-background: #4e73df;
    --PortalSidebar-color: white;
    --PortalSidebar-dropdown-background: rgba(255, 255, 255, 0.1);
    /* Dark mode Portal background  */
    --DarkModePortalComponent-background: #161618;
    --DarkModePortal-background: #010101;
    /* Assets Landing Page sidebar background and font color */
    --AssetsSidebar-background: #595d69;
    --AssetsSidebar-color: white;
    /* Onboarding sidebar background and font color */
    --OnboardingSidebar-background: #4e73df;
    --OnboardingSidebar-color: white;
    /* Trade Screen font color */
    --TradeScreenFont-color: #ffffff;
    /* Used for secondary elements like non active bottom nav link */
    --TradeScreenSecondaryFont-color: rgb(81, 81, 85);
    --TradeScreenTabBackground-color: #121212;
    --TradeScreenInputBackground-color: #1d1d1d;
    --TradeScreenInputFont-color: #2b2b2b;

    --LightModePortal-background: #ffffff;
    --LightModePortalComponent-background: #f5f5f5;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
        "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
        "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
        monospace;
}