/**
 * Route: public/front/assets/css/self-hosted-fonts-optimized.css
 * Purpose: Optimized font loading with system font fallbacks (NO external CDN)
 * Updated: 2026-01-18 13:20:00
 */

/* === FONT AWESOME - Self-Hosted === */
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: optional;
  src: local('Font Awesome 6 Free Solid'),
       url('../webfonts/fa-solid-900.woff2') format('woff2');
  unicode-range: U+0020-F8FF;
}

.fas,
.fa-solid {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* === SYSTEM FONT STACK (NO EXTERNAL FONTS) === */
/* Using system fonts eliminates network requests and improves performance */

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 
               'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 
               'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 
               'Noto Color Emoji';
}

/* Headings - System UI fonts */
h1, h2, h3, h4, h5, h6,
.hero-title,
.section-title {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 
               'Helvetica Neue', Arial, sans-serif;
  font-weight: 700;
}

/* === FALLBACK OPTIMIZATIONS === */

/* Prevent invisible text during font loading */
.fonts-loading body {
  visibility: visible !important;
}

/* Prevent layout shift from icon fonts */
.fas::before,
.fa-solid::before {
  display: inline-block;
  min-width: 1em;
  text-align: center;
}

/* Size adjust for better fallback matching */
@supports (size-adjust: 100%) {
  @font-face {
    font-family: 'Font Awesome 6 Free';
    size-adjust: 100%;
  }
}