/**
 * Font Loading - Self-Hosted Satoshi Font
 * Cross-browser compatible with WOFF2 format
 * Weights: 300 (Light), 400 (Regular), 500 (Medium), 700 (Bold), 900 (Black)
 *
 * Benefits of Self-Hosting:
 * - Faster loading (no external CDN requests)
 * - Better privacy (no external tracking)
 * - Works offline
 * - More reliable (no CDN downtime)
 */

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

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

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

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

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

/**
 * Font-display: swap explanation
 * - Shows fallback font immediately while custom font loads
 * - Swaps to custom font when ready
 * - Prevents invisible text (FOIT)
 * - Best for performance on slow connections (Philippines 3G optimization)
 */

/**
 * WOFF2 format only
 * - Modern browsers support: Chrome 36+, Firefox 39+, Safari 12+, Edge 14+
 * - 30% smaller than WOFF, 50% smaller than TTF
 * - Perfect for cross-browser compatibility
 */