/* =========================================================
   LOCAL FONTS - Self-hosted Google Fonts
   CRITICAL FONTS: Preloaded in HTML head
   - Inter 400 (Regular)
   - Inter 700 (Bold)
   - Space Grotesk 400 (Regular)
   
   DEFERRED FONTS: Loaded asynchronously
   - Keep @font-face for all but load via media query
   ========================================================= */

/* ─────────────────────────────────────────────────────
   CRITICAL FONTS (already preloaded in HTML)
   ───────────────────────────────────────────────────── */

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

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

/* Space Grotesk 400 - Regular (PRELOADED) */
@font-face {
    font-family: 'Space Grotesk';
    src: url('../fonts/space-grotesk-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ─────────────────────────────────────────────────────
   DEFERRED FONTS (loaded after page render)
   ───────────────────────────────────────────────────── */

/* Inter 300 - Light */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter-300.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Inter 500 - Medium */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Inter 600 - SemiBold */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Inter 800 - ExtraBold */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter-800.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Inter 900 - Black */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter-900.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Space Grotesk 500 - Medium */
@font-face {
    font-family: 'Space Grotesk';
    src: url('../fonts/space-grotesk-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Space Grotesk 600 - SemiBold */
@font-face {
    font-family: 'Space Grotesk';
    src: url('../fonts/space-grotesk-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Space Grotesk 700 - Bold */
@font-face {
    font-family: 'Space Grotesk';
    src: url('../fonts/space-grotesk-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}