/* ==========================================================================
   Apple San Francisco Pro (SF Pro) Font Family
   Optimized Variable WOFF2 font stack (< 150 KB) with font-display: swap
   ========================================================================== */

/* SF Pro - Variable Font (Normal 100-900) */
@font-face {
    font-family: 'SF Pro';
    src: url('../font/SF-Pro.woff2') format('woff2-variations'),
         url('../font/SF-Pro.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* SF Pro - Variable Font (Italic 100-900) */
@font-face {
    font-family: 'SF Pro';
    src: url('../font/SF-Pro-Italic.woff2') format('woff2-variations'),
         url('../font/SF-Pro-Italic.woff2') format('woff2');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* SF Pro Text alias mapped to variable font */
@font-face {
    font-family: 'SF Pro Text';
    src: url('../font/SF-Pro.woff2') format('woff2-variations'),
         url('../font/SF-Pro.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Text';
    src: url('../font/SF-Pro-Italic.woff2') format('woff2-variations'),
         url('../font/SF-Pro-Italic.woff2') format('woff2');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* SF Pro Display alias mapped to variable font */
@font-face {
    font-family: 'SF Pro Display';
    src: url('../font/SF-Pro.woff2') format('woff2-variations'),
         url('../font/SF-Pro.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../font/SF-Pro-Italic.woff2') format('woff2-variations'),
         url('../font/SF-Pro-Italic.woff2') format('woff2');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* SF Pro Rounded alias mapped to variable font */
@font-face {
    font-family: 'SF Pro Rounded';
    src: url('../font/SF-Pro.woff2') format('woff2-variations'),
         url('../font/SF-Pro.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}