// Import global configuration and helpers
@import 'config/config';
@import 'config/functions';
@import 'config/mixins';

// Import theme styles
@import 'themes/default';

// Import rte styles
@import 'base/typography';
@import 'base/helpers';
@import '@components/rte/scss/headings';
@import '@components/rte/scss/paragraph';
@import '@components/rte/scss/links';
@import '@components/rte/scss/lists';
@import '@components/rte/scss/blockquote';
@import '@components/rte/scss/table';
@import '@components/rte/scss/message';
@import '@core-components/button/scss/button';

html {
    font-size: 16px;
    font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;
    hyphens: auto;
}

img {
    height: auto;
}

blockquote {
    &::before {
        z-index: 0;
    }

    > * {
        position: relative;
        z-index: 1;
    }
}

.htmlarea-content-body,
.cke_editable {
    padding: 1.8rem;
    font-weight: 400;
    font-size: 1rem;
}