/* 
 * Self-Hosted Poppins Font Configuration
 * Using local Poppins font files for better performance and privacy
 */

/* Poppins Regular (400) */
@font-face {
    font-family: 'Poppins';
    src: url('./Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Poppins Medium (500) */
@font-face {
    font-family: 'Poppins';
    src: url('./Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Poppins SemiBold (600) */
@font-face {
    font-family: 'Poppins';
    src: url('./Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

/* Poppins ExtraBold (800) - for heavy headings */
@font-face {
    font-family: 'Poppins';
    src: url('./Poppins-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Poppins Black (900) - for ultra-bold headings */
@font-face {
    font-family: 'Poppins';
    src: url('./Poppins-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* 
 * Font Loading Optimization
 * Prevents font loading delays and FOUT (Flash of Unstyled Text)
 */
@media (prefers-reduced-motion: no-preference) {
    * {
        font-display: swap;
    }
}

/*
 * Instructions for Self-Hosting Fonts:
 * 
 * 1. Choose your fonts (Inter, Open Sans, Roboto, etc.)
 * 2. Convert to web formats (WOFF2 preferred, WOFF fallback)
 * 3. Place font files in assets/fonts/woff2/ and assets/fonts/woff/
 * 4. Uncomment the @font-face declarations above
 * 5. Update the font-family name in the CSS variables
 * 6. Uncomment the link to this file in index.html
 * 
 * Recommended fonts for digital marketing:
 * - Inter: Modern, highly readable, great for UI
 * - Open Sans: Friendly, professional, versatile
 * - Roboto: Clean, geometric, Google-like without Google
 * - Source Sans Pro: Adobe's professional font
 */