/* Critical Font CSS with font-display: swap to prevent CLS */
/* Using swap allows browser to use fallback font immediately, then swap when custom font loads */

/* Inter Regular - Body text */
@font-face {
  font-family: 'Inter';
  src: url('/webfonts/Inter_18pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Inter Medium - Headings */
@font-face {
  font-family: 'Inter-Medium';
  src: url('/webfonts/Inter_18pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Inter SemiBold - Bold text */
@font-face {
  font-family: 'Inter-SemiBold';
  src: url('/webfonts/Inter_18pt-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Inter Light - Light text */
@font-face {
  font-family: 'Inter-Light';
  src: url('/webfonts/Inter_18pt-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* CRITICAL: Font size adjustments to prevent layout shift when fonts swap */
/* Reserve space for text before custom font loads */
body {
  /* Reserve vertical space for text */
  line-height: 1.6;
}

/* Adjust font fallback metrics to match Inter font */
/* This reduces CLS when font swaps from system to Inter */
@media (max-width: 768px) {
  body {
    font-size: 16px;
  }
}

@media (min-width: 769px) {
  body {
    font-size: 16px;
  }
}