@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&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: #4a8a9a;
    --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  */
    --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;
}

.logo {
    padding: 0 !important;
}

.app,
.field-description-react-quill .ql-editor {
    font-family: "Inter" !important;
}