/**
 * Font Optimization - Phase: Performance Week 1 Day 1
 * Goal: Save 140ms font loading time
 * Implementation: Add font-display: swap to all font faces
 */

/* Override Font Awesome font-display */
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap; /* ✅ Shows fallback text immediately, swaps when font loads */
  src: local("Font Awesome 6 Free");
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Font Awesome 6 Free");
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Font Awesome 6 Brands");
}

/* System font stack fallback for faster initial render */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Ensure icons use fallback before font loads */
.fa, .fas, .far, .fab {
  font-display: swap;
}