@font-face {
    font-family: 'WF Visual Sans';
    src: url('./WFVisualSans-RegularText.eot');
    src: local('WF Visual Sans Regular Text'), local('WFVisualSans-RegularText'),
        url('./WFVisualSans-RegularText.eot?#iefix') format('embedded-opentype'),
        url('./WFVisualSans-RegularText.woff2') format('woff2'),
        url('./WFVisualSans-RegularText.woff') format('woff'),
        url('./WFVisualSans-RegularText.ttf') format('truetype'),
        url('./WFVisualSans-RegularText.svg#WFVisualSans-RegularText') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'WF Visual Sans';
    src: url('./WFVisualSans-Medium.eot');
    src: local('WF Visual Sans Medium'), local('WFVisualSans-Medium'),
        url('./WFVisualSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('./WFVisualSans-Medium.woff2') format('woff2'),
        url('./WFVisualSans-Medium.woff') format('woff'),
        url('./WFVisualSans-Medium.ttf') format('truetype'),
        url('./WFVisualSans-Medium.svg#WFVisualSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'WF Visual Sans';
    src: url('./WFVisualSans-SemiBold.eot');
    src: local('WF Visual Sans SemiBold'), local('WFVisualSans-SemiBold'),
        url('./WFVisualSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('./WFVisualSans-SemiBold.woff2') format('woff2'),
        url('./WFVisualSans-SemiBold.woff') format('woff'),
        url('./WFVisualSans-SemiBold.ttf') format('truetype'),
        url('./WFVisualSans-SemiBold.svg#WFVisualSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-family--wf: 'WF Visual Sans', sans-serif;
}

* {
    font-family: var(--font-family--wf);
    font-weight: 400;
}