/* The site's two typefaces, served from our own server instead of Google's.

   WHY: loading them from fonts.googleapis.com meant every visitor's browser had to reach a SECOND
   origin - a fresh DNS lookup, TLS handshake and two round trips - and it could not even start until
   our own stylesheet list had been parsed. Text therefore painted in the fallback (Segoe UI for
   headings) and visibly re-drew when the real font landed a few hundred milliseconds later. On a
   100px headline that re-draw reads as the type changing weight. Served from here, the files arrive
   over the connection the page is already using, early enough that the swap usually happens before
   the first paint.

   Both families are VARIABLE fonts, so ONE file per family per subset carries every weight the site
   uses (Inter 400/500/600, Space Grotesk 500/600/700) - hence `font-weight: 100 900`. Google's own
   CSS hands out the same file three times under three fixed weights; this does not.

   The unicode-ranges are copied verbatim from Google's CSS, so a browser downloads latin-ext only if
   a character actually needs one. The rupee sign U+20B9 falls in latin-ext (U+20AD-20C4), so the big
   price headline is exactly the thing that pulls that file in - which is why Space Grotesk's latin-ext
   is preloaded alongside the two latin files.

   Keep in step with the <link rel="preload"> tags in each page's <head>: the preload is what makes
   the file start downloading immediately rather than after the CSS is parsed. */

/* Inter - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;                     /* one variable file covers every weight we use */
  font-display: swap;
  src: url('/site/assets/fonts/inter-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;
}

/* Inter - latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;                     /* one variable file covers every weight we use */
  font-display: swap;
  src: url('/site/assets/fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Space Grotesk - latin */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 100 900;                     /* one variable file covers every weight we use */
  font-display: swap;
  src: url('/site/assets/fonts/space-grotesk-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;
}

/* Space Grotesk - latin-ext */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 100 900;                     /* one variable file covers every weight we use */
  font-display: swap;
  src: url('/site/assets/fonts/space-grotesk-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Baloo 2 - latin (used on /study-material only) */
@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/site/assets/fonts/baloo2-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Baloo 2 - latin (used on /study-material only) */
@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/site/assets/fonts/baloo2-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;
}
