/*
  FONT DECLARATIONS (Static Asset)
  ===============================
  Purpose: Self-hosted Inter font family definitions
  Location: static/css/inter-font.css
  Build: Served directly (no processing needed)
  
  IMPORTANT: This file should remain in STATIC because:
  - Font files are static assets (not processed)
  - CSS needs to reference /fonts/ URLs directly
  - Should load before any other CSS
  - No build processing required
  
  Standards:
  - Use font-display: swap for performance
  - Include all necessary font weights/styles
  - Reference static font files correctly
  - Keep as minimal standalone CSS


  TABLE OF CONTENTS
  =================
  1. Font Face Declarations
     1.1 Inter Regular (400)
     1.2 Inter Italic (400)  
     1.3 Inter SemiBold (600)
     1.4 Inter Bold (700)
  2. Fallback Font Stack
*/

/* =============================================
   1. FONT FACE DECLARATIONS
   ============================================= */

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

/* ========================================
   1.2 Inter Italic (400)
   ======================================== */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/Inter-Italic.woff2') format('woff2');
}

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

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

/* =============================================
   2. METRIC-ADJUSTED FALLBACK FONT
   =============================================
   Overrides Arial's metrics to match Inter so font-display: swap
   causes zero measurable text reflow (zero CLS from FOUT).
   Values derived from fonttools analysis of Inter v4.
   Reference: https://web.dev/css-size-adjust/
   ============================================= */
@font-face {
  font-family: 'Inter Fallback';
  font-style: normal;
  font-weight: 100 900;
  src: local('Arial');
  ascent-override: 90.2%;
  descent-override: 22.48%;
  line-gap-override: 0%;
  size-adjust: 107.4%;
}

@font-face {
  font-family: 'Inter Fallback';
  font-style: italic;
  font-weight: 100 900;
  src: local('Arial Italic');
  ascent-override: 90.2%;
  descent-override: 22.48%;
  line-gap-override: 0%;
  size-adjust: 107.4%;
}

/* =============================================
   3. FONT STACK
   ============================================= */
/* Inter Fallback sits between Inter and system-ui so browsers
   that already have Inter cached skip the fallback entirely.    */
body {
  font-family: 'Inter', 'Inter Fallback', system-ui, sans-serif;
}