@font-face {
    font-family: 'SF Pro Display';
    src: url('/public/src/fonts/sf-pro-display-ultralight.woff2') format('woff2'),
         url('/public/src/fonts/sf-pro-display-ultralight.woff') format('woff');
    font-weight: 200; /* Ultralight */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/public/src/fonts/sf-pro-display-thinitalic.woff2') format('woff2'),
         url('/public/src/fonts/sf-pro-display-thinitalic.woff') format('woff');
    font-weight: 100; /* Thin Italic */
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/public/src/fonts/sf-pro-display-regular.woff2') format('woff2'),
         url('/public/src/fonts/sf-pro-display-regular.woff') format('woff');
    font-weight: 400; /* Regular */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/public/src/fonts/sf-pro-display-regularitalic.woff2') format('woff2'),
         url('/public/src/fonts/sf-pro-display-regularitalic.woff') format('woff');
    font-weight: 400; /* Regular Italic */
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/public/src/fonts/sf-pro-display-bold.woff2') format('woff2'),
         url('/public/src/fonts/sf-pro-display-bold.woff') format('woff');
    font-weight: 700; /* Bold */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/public/src/fonts/sf-pro-display-bolditalic.woff2') format('woff2'),
         url('/public/src/fonts/sf-pro-display-bolditalic.woff') format('woff');
    font-weight: 700; /* Bold Italic */
    font-style: italic;
    font-display: swap;
}