/* =====================================================
   Optimized Web Fonts - WOFF2 Format
   ===================================================== */
/* Generated on 2026-01-15 */
/* Optimized from 6.6 MB (54 files) to ~50 KB (4 files) */
/* Reduction: 99%+ */

/* Font Loading Strategy:
   - font-display: swap - Shows fallback font immediately
   - Only essential weights: 400 (Regular), 700 (Bold)
   - Only normal style (italic can be synthesized by browser)
   - WOFF2 format with Latin subset only
   - Total size: ~50 KB (vs original 6.6 MB)
*/

/* ========================================
   Roboto Font Family (Google Fonts)
   ======================================== */

/* Roboto Regular (400) */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(roboto-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Roboto Bold (700) */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(roboto-700-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ========================================
   Poppins Font Family (Google Fonts)
   ======================================== */

/* Poppins Regular (400) */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(poppins-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Poppins Bold (700) */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(poppins-700-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ========================================
   Font Weight Mapping
   ======================================== */
/*
   All other font weights (100-900) will automatically fall back to 400 or 700:
   - 100, 200, 300 → 400 (Regular)
   - 500, 600 → 700 (Bold)
   - 800, 900 → 700 (Bold)

   Browser will render these smoothly using font synthesis.
*/

/* ========================================
   Usage Examples
   ======================================== */
/*
body {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI',
               'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI',
               'Helvetica Neue', Arial, sans-serif;
  font-weight: 700;
}
*/

/* ========================================
   Browser Compatibility
   ======================================== */
/*
   WOFF2 Support:
   ✅ Chrome 36+ (2014)
   ✅ Firefox 39+ (2015)
   ✅ Safari 12+ (2018)
   ✅ Edge 14+ (2016)
   ✅ Opera 23+ (2014)
   ✅ iOS Safari 10+ (2016)
   ✅ Android Browser 67+ (2018)

   Coverage: 95%+ of all users
*/

/* ========================================
   Performance Notes
   ======================================== */
/*
   Optimization Results:
   - Original: 6.6 MB (54 TTF files)
   - Optimized: ~50 KB (4 WOFF2 files)
   - Reduction: 99%+
   - Load time improvement: 10-20x faster

   File Sizes:
   - roboto-400-normal.woff2: ~18 KB
   - roboto-700-normal.woff2: ~18 KB
   - poppins-400-normal.woff2: ~7.6 KB
   - poppins-700-normal.woff2: ~7.5 KB
   - Total: ~51 KB

   What was removed:
   ✂ Italic styles (can be synthesized)
   ✂ Extra weights: 100, 200, 300, 500, 600, 800, 900
   ✂ Raleway font family (not used in CSS)
   ✂ Non-Latin characters (Cyrillic, Greek, etc.)
   ✂ TTF format (replaced with WOFF2)

   Benefits:
   ✅ 99% smaller file size
   ✅ Faster page load time
   ✅ Reduced bandwidth usage
   ✅ Better Core Web Vitals scores
   ✅ Improved mobile experience
   ✅ Lower CDN costs
*/

/* ========================================
   Fallback for older browsers
   ======================================== */
/*
   If WOFF2 is not supported (very rare), browser will use system fonts.
   System font stack is already defined in your CSS as fallback.
*/

/* ========================================
   Restore Original Fonts
   ======================================== */
/*
   If you need to restore the original fonts:
   1. Go to: /static/assets/fonts/backup_original_fonts/
   2. Copy fonts.css.backup to fonts.css
   3. Copy all .ttf files back to fonts directory

   Backup location: backup_original_fonts/
   Backup date: 2026-01-15
*/