/* Local Fonts CSS - Auto-generated for fonts in /fonts directory */

/* 
 * To add your own fonts:
 * 1. Place font files (.woff2, .woff, .ttf, .otf) in the /fonts directory
 * 2. Update the @font-face declarations below with your font names and file paths
 * 3. Update the font-family references in style.css
 */

/* System Font Fallbacks - Used when no local fonts are available */
@font-face {
    font-family: 'Inter';
    src: local('Inter'), local('Inter-Regular');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: local('Inter-Medium');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: local('Inter-Bold');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Alkatra';
    src: local('Alkatra-Bold');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Additional fallback fonts for better compatibility */
@font-face {
    font-family: 'Inter';
    src: local('-apple-system'), local('BlinkMacSystemFont'), local('Segoe UI'), local('Roboto');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Local Font Declarations - Active local fonts */

/* Inter Font - Variable Font */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-VariableFont_opsz,wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* Inter Font - Fallback for older browsers */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-VariableFont_opsz,wght.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-VariableFont_opsz,wght.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Alkatra Font - Variable Font */
@font-face {
    font-family: 'Alkatra';
    src: url('../fonts/Alkatra/Alkatra-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
}

/* Alkatra Font - Fallback for older browsers */
@font-face {
    font-family: 'Alkatra';
    src: url('../fonts/Alkatra/Alkatra-VariableFont_wght.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Alkatra';
    src: url('../fonts/Alkatra/Alkatra-VariableFont_wght.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* 
 * Instructions for adding your fonts:
 * 
 * 1. Download your font files and place them in /fonts directory
 * 2. Uncomment and modify the @font-face declarations above
 * 3. Replace the font names and file paths with your actual fonts
 * 4. Add different weights and styles as needed
 * 5. Update the font-family references in style.css if using different font names
 * 
 * Supported formats (in order of preference):
 * - .woff2 (best compression, modern browsers)
 * - .woff (good compression, wide support)
 * - .ttf (fallback for older browsers)
 * - .otf (OpenType format)
 * 
 * Current fallback: System fonts (Inter and Alkatra if installed locally)
 */
