@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('fonts/web/InterVariable.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('fonts/web/InterVariable-Italic.woff2') format('woff2');
}

@font-face {
    font-family: 'SF Pro';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: local('SF Pro Display'),
         local('SF Pro Text'),
         local('-apple-system'),
         local('BlinkMacSystemFont'),
         local('Segoe UI'),
         local('Roboto'),
         local('Helvetica Neue'),
         local('Arial'),
         local('sans-serif');
}

@font-face {
    font-family: 'SF Pro';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: local('SF Pro Display Italic'),
         local('SF Pro Text Italic'),
         local('-apple-system'),
         local('BlinkMacSystemFont'),
         local('Segoe UI'),
         local('Roboto'),
         local('Helvetica Neue'),
         local('Arial'),
         local('sans-serif');
}

body {
    font-family: 'Inter', 'SF Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}