/* SF Pro Font Family Setup */
/* This CSS uses system fonts on Apple devices (which include SF Pro) */
/* For web use, you'll need to add @font-face declarations if you have the font files */

/* SF Pro Display - for headings and large text */
@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 100;
    src: local('SF Pro Display Ultralight'), local('SFProDisplay-Ultralight');
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 200;
    src: local('SF Pro Display Thin'), local('SFProDisplay-Thin');
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 300;
    src: local('SF Pro Display Light'), local('SFProDisplay-Light');
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    src: local('SF Pro Display Regular'), local('SFProDisplay-Regular');
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    src: local('SF Pro Display Medium'), local('SFProDisplay-Medium');
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 600;
    src: local('SF Pro Display Semibold'), local('SFProDisplay-Semibold');
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 700;
    src: local('SF Pro Display Bold'), local('SFProDisplay-Bold');
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 800;
    src: local('SF Pro Display Heavy'), local('SFProDisplay-Heavy');
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 900;
    src: local('SF Pro Display Black'), local('SFProDisplay-Black');
    font-display: swap;
}

/* SF Pro Text - for body text */
@font-face {
    font-family: 'SF Pro Text';
    font-style: normal;
    font-weight: 100;
    src: local('SF Pro Text Ultralight'), local('SFProText-Ultralight');
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Text';
    font-style: normal;
    font-weight: 200;
    src: local('SF Pro Text Thin'), local('SFProText-Thin');
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Text';
    font-style: normal;
    font-weight: 300;
    src: local('SF Pro Text Light'), local('SFProText-Light');
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Text';
    font-style: normal;
    font-weight: 400;
    src: local('SF Pro Text Regular'), local('SFProText-Regular');
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Text';
    font-style: normal;
    font-weight: 500;
    src: local('SF Pro Text Medium'), local('SFProText-Medium');
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Text';
    font-style: normal;
    font-weight: 600;
    src: local('SF Pro Text Semibold'), local('SFProText-Semibold');
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Text';
    font-style: normal;
    font-weight: 700;
    src: local('SF Pro Text Bold'), local('SFProText-Bold');
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Text';
    font-style: normal;
    font-weight: 800;
    src: local('SF Pro Text Heavy'), local('SFProText-Heavy');
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Text';
    font-style: normal;
    font-weight: 900;
    src: local('SF Pro Text Black'), local('SFProText-Black');
    font-display: swap;
}

/* Italic variants for SF Pro Text */
@font-face {
    font-family: 'SF Pro Text';
    font-style: italic;
    font-weight: 400;
    src: local('SF Pro Text Regular Italic'), local('SFProText-RegularItalic');
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Text';
    font-style: italic;
    font-weight: 600;
    src: local('SF Pro Text Semibold Italic'), local('SFProText-SemiboldItalic');
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Text';
    font-style: italic;
    font-weight: 700;
    src: local('SF Pro Text Bold Italic'), local('SFProText-BoldItalic');
    font-display: swap;
}

/* 
 * To use web font files (WOFF2/WOFF), uncomment and update the paths below:
 * 
 * @font-face {
 *     font-family: 'SF Pro Display';
 *     font-style: normal;
 *     font-weight: 400;
 *     src: url('SFProDisplay-Regular.woff2') format('woff2'),
 *          url('SFProDisplay-Regular.woff') format('woff');
 *     font-display: swap;
 * }
 * 
 * Repeat for all weights and styles you need.
 * Place font files in: public/fonts/sf-pro/
 */