@font-face {
    font-family: 'AradVF';
    src: url('AradVF.woff2') format('woff2-variations'),
        url('AradVF.woff2') format('woff2');
    font-style: normal;
    font-weight: 100 1000;
    font-display: swap;
}


html[lang|='fa'] {
    --platform-persian-font-family: 'AradVF', ui-sans-serif, system-ui, sans-serif;
    --font-family: 'AradVF';
    --font-sans: var(--platform-persian-font-family);
    --font-heading: var(--platform-persian-font-family);
    --default-font-family: var(--platform-persian-font-family);
    font-family: var(--platform-persian-font-family);
    font-feature-settings: "rlig", "kern", "tnum" 0, "swsh" 0, "ss01", "ss02" 0, "ss03" 0, "ss04", "ss05";
    font-variation-settings: "DSTY" 2;
}

html[lang|='fa'] :is(body, button, input, select, textarea, optgroup) {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
}

html[lang|='fa'] ::file-selector-button {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
}