@font-face {
    font-family: 'arad';
    src: url('./font-arad-vf.woff2') format('woff2 supports variations'),
    url('./font-arad-vf.woff2') format('woff2-variations');
    font-weight: 100 800;
    font-style: normal;
    font-display: swap;
}

:root {
    --main-font: 'arad', 'sans-serif';
}

body, h1, h2, h3, h4, h5, h6, button, span, input, textarea, select, label, a,
.button, .small, .label,
.title-input input, .page-content.mce-content-body
{
    font-family: var(--main-font) !important;
    font-variation-settings: "DSTY" 2;
    font-feature-settings: "ss01";
}

.title-input input, .page-content.mce-content-body {
    direction: rtl;
}

code-block, pre, .cm-editor, .cm-scroller {
    direction: ltr !important;
    text-align: left;
}
.cm-editor * {
    font-family: var(--font-code) !important;
}

.cm-copy-button {
    width: 29px;
    height: 29px;
}