/**
 * Self-Hosted Fonts for SkintEats
 * 
 * IMPORTANT: To avoid firewall/university WiFi blocking, we self-host fonts
 * instead of using Google Fonts CDN. This ensures the app loads on all networks.
 * 
 * Required Fonts:
 * - Montserrat: 400 (regular), 600 (semi-bold), 700 (bold)
 * - Open Sans: 300 (light), 400 (regular)
 * 
 * Font files should be placed in /public/fonts/ directory
 * Download from: https://fonts.google.com/
 * 
 * File naming convention:
 * - montserrat-regular.woff2
 * - montserrat-semibold.woff2
 * - montserrat-bold.woff2
 * - open-sans-light.woff2
 * - open-sans-regular.woff2
 */

/* Montserrat - Regular (400) */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/montserrat-regular.woff2') format('woff2');
}

/* Montserrat - Semi-Bold (600) */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/montserrat-semibold.woff2') format('woff2');
}

/* Montserrat - Bold (700) */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/montserrat-bold.woff2') format('woff2');
}

/* Open Sans - Light (300) */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/open-sans-light.woff2') format('woff2');
}

/* Open Sans - Regular (400) */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/open-sans-regular.woff2') format('woff2');
}

/**
 * Fallback fonts for when font files fail to load
 * System fonts are used as fallbacks to ensure readability
 */
body {
  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 
               Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', 
               Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}