@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
:root {
    --Background: #f8f9fc;
    --MainButtonBG: #1b8fe2;
    --MainButtonColor: #edf2f3;
    --MainButtonBGHover: #1d679d;
    --MainButtonColorHover: #222223;

    --SecondaryButtonBG: #edf2f3;
    --SecondaryButtonBGHover: #1d679d;
    --SecondaryButtonColor: #1b8fe2;
    --SecondaryButtonColorHover: #222223;

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

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

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

    /* Teal button background & border */
    --PrintGreen: #1b8fe2;
    /* 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: #222223;
    /* Link dropdown, Login, page header (forms-header), content-pane font colors, icons in topbar dropdown */
    --UniversalGrey: #8a989b;
    /* Sidebar background and font color */
    --Sidebar-background: #222223;
    --Sidebar-color: #edf2f3;
    /* Portal Sidebar background and font color */
    --PortalSidebar-background: #293643;
    --PortalSidebar-color: #edf2f3;
    --PortalSidebar-dropdown-background: rgba(255, 255, 255, 0.1);
    /* Dark mode Portal background  */
    --DarkModePortalComponent-background: #293643;
    --DarkModePortal-background: #222223;
    /* Assets Landing Page sidebar background and font color */
    --AssetsSidebar-background: #293643;
    --AssetsSidebar-color: #edf2f3;
    /* Onboarding sidebar background and font color */
    --OnboardingSidebar-background: #293643;
    --OnboardingSidebar-color: #edf2f3;
    /* Trade Screen font color */
    --TradeScreenFont-color: #ffffff;
    font-family: "Roboto", sans-serif !important;
    --danger: #e55957 !important;
}

body {
    margin: 0;
    font-family: "Roboto", sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #293643 !important;
}

code,
.app {
    font-family: "Roboto", sans-serif !important;
}

.forms-header {
    font-family: "Raleway", sans-serif !important;
}