/**
 * Local Fonts - Inter Family
 * Self-hosted WOFF2 fonts for better performance and GDPR compliance
 * Version: 1.0
 * Date: 2025-11-03
 */

/* ==========================================================================
   INTER VARIABLE FONT (RECOMMENDED - Supports all weights 100-900)
   ========================================================================== */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900; /* Variable font supports all weights */
  font-display: swap; /* Better performance */
  src: url('/assets/fonts/InterVariable.woff2') format('woff2-variations');
  font-named-instance: 'Regular';
}

/* ==========================================================================
   INTER STATIC FONTS (Fallback for older browsers)
   ========================================================================== */

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

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

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

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

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

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

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

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

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

/* ==========================================================================
   INTER DISPLAY (for large headings)
   ========================================================================== */

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

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

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

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

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

/* ==========================================================================
   GLOBAL FONT APPLICATION
   ========================================================================== */

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-feature-settings: 'liga' 1, 'calt' 1; /* Enable ligatures and contextual alternates */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Headlines use Inter Display for better readability at large sizes */
h1, h2, h3, h4, h5, h6,
.hero-title,
.section-header h2 {
  font-family: 'Inter Display', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ==========================================================================
   PERFORMANCE NOTES
   ========================================================================== */

/*
 * WOFF2 Format:
 * - 30% smaller than WOFF
 * - Supported by all modern browsers (95%+ coverage)
 * - No Google Fonts external request
 * - GDPR compliant (no data sent to Google)
 *
 * Variable Font vs Static:
 * - Variable: 1 file, all weights = ~120KB
 * - Static: 9 files = ~450KB total
 * - Recommendation: Use variable font, fallback to static for older browsers
 *
 * font-display: swap
 * - Shows fallback font immediately
 * - Swaps to custom font when loaded
 * - Prevents invisible text (FOIT)
 */

/* ==========================================================================
   PACIFICO (Logo Font)
   ========================================================================== */

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

/* Pacifico optimizations */
.logo,
[class*='logo'] {
  font-family: 'Pacifico', cursive;
  font-weight: 400;
}