/* 
 * Optimized Font Loading for Engineering Clouds
 * WOFF2 format, font-display: swap, Latin subset only
 * Total size: ~117KB (vs ~300KB+ from Google Fonts with all subsets)
 */

/* Lora - Serif font (Body text) - Variable font with 400, 500, 700 weights */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400 700; /* Variable font supports range */
  font-display: swap;
  src: url('/fonts/lora-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Alata - Sans-serif font (Primary/Headings) */
@font-face {
  font-family: 'Alata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/alata-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Roboto - Sans-serif font (Default/UI) - Variable font with 400, 500, 700 weights */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400 700; /* Variable font supports range */
  font-display: swap;
  src: url('/fonts/roboto-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*
 * Optimized fallback fonts to match web fonts and reduce CLS
 * These closely match the metrics of our web fonts
 */
body {
  font-family: "Lora", 
               "Times New Roman", 
               "Times", 
               serif;
}

.primary-font, #primary-font {
  font-family: "Alata", 
               "Helvetica Neue", 
               "Helvetica", 
               "Arial", 
               sans-serif;
}

.default-font, #default-font {
  font-family: "Roboto", 
               -apple-system, 
               "BlinkMacSystemFont", 
               "Segoe UI", 
               "Helvetica Neue", 
               "Arial", 
               sans-serif;
}

.secondary-font, #secondary-font {
  font-family: "Lora", 
               "Times New Roman", 
               "Times", 
               serif;
}