html {
    height: 100%;
    font-size: 14px;
    line-height: 1.2;
}

body {
    font-family: 'InterDisplay', Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: var(--text-color);
    background-color: var(--surface-ground);
    padding: 0;
    margin: 0;
    min-height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    text-decoration: none;
}

img {
    max-width: none !important;
}

// Sidebar menu: keep scrolling but hide scrollbars visually on all layouts (cross-browser)
.layout-sidebar .layout-menu-container,
.layout-sidebar .sidebar-scroll {
    /* Keep vertical scrolling */
    overflow-y: auto;

    /* Firefox & modern Gecko */
    scrollbar-width: none;

    /* Legacy MS browsers */
    -ms-overflow-style: none;

    /* WebKit/Blink (Chrome, Safari, Edge, Opera) */
    &::-webkit-scrollbar {
        width: 0;
        height: 0;
        display: none;
    }
}
